僅顯示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