仅显示input下边框


直接上代码,感兴趣的可以亲测:

<!DOCTYPE html>
<html>

    <head>
    <meta charset="UTF-8">
    <title>仅显示INPUT标签的下边框</title>
    </head>
    
    <body>
    
        <input>默认效果<br><hr>
        
        <input style="border-left-width:0px">设置左边框宽度为0<br><hr>
        
        <input style="border-top-width:0px">设置上边框宽度为0<br><hr>
        
        <input style="border-right-width:0px">设置右边框宽度为0<br><hr>
        
        <input style="border-bottom-width:0px">设置下边框宽度为0<br><hr>
        
        <input style="border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-width:0">设置四边边框的宽度全为0<br><hr>
        
        <input style="border-left-width:0px;border-top-width:0px;border-right-width:0px;border-bottom-color:black">设置左/上/右边框的宽度为0,下边框的颜色为黑色,这是我们想要的效果<br><hr>
    
    </body>
</html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM