小編給大家分享一下css設置虛線邊框的方法是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了尖草坪免費建站歡迎大家使用！

首先我們應該知道css的border為邊框屬性，可以實現(xiàn)對象邊框的效果，像是設置邊框寬度、邊框顏色、邊框樣式（實線還是虛線）等。

下面我們就來具體看看css的border邊框屬性設置邊框虛線的方法

border中dotted跟dashed都是可以用來設置邊框虛線的，只是dashed設置長方形點的虛線，而dotted設置正方形點的虛線。（相關推薦：css學習手冊）接下來我們就來分別看看兩種虛線邊框的實現(xiàn)代碼。

1、利用dashed設置虛線邊框

代碼如下：

    



虛線邊框

虛線邊框效果如下：

如果你想將虛線邊框加上顏色和虛線邊框變細一點的話可以這樣做：

div{
        width: 100px;
        height: 100px;
    border: 2px dashed lightblue;
    }

虛線邊框效果就會變成如下所示：

2、利用dotted設置虛線邊框

代碼如下：

    



虛線邊框

虛線邊框效果如下：

同樣的如果要改變一下上述虛線邊框的樣式可以改變代碼如下：

div{
        width: 100px;
        height: 100px;
    border: 2px dotted lightblue;
    }

虛線邊框效果如下：

以上是css設置虛線邊框的方法是什么的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！