仅显示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>

 

posted @ 2019-03-12 10:14  L某人  阅读(1697)  评论(0)  编辑  收藏  举报