代碼如下：
<!DOCTYPE HTML><html lang="en"><head> <title>css邊框線怎麼設定的例子</title> <meta charset="UTF-8"> <style type="text/css"> p { width: 550px; border: 1px solid red; } </style></head><body><div> <p>css border 外邊框、css邊框線怎麼設定?</p></div></body></html>
效果如：
這裡就是利用border屬性簡單地為一段文字加上了實現邊框，並且添加顏色。
那麼接下來，給大家介紹css虛線框的設定方法：
<!DOCTYPE HTML><html lang="en"><head> <title>css虛線框的例子</title> <meta charset="UTF-8"> <style type="text/css"> p { width: 550px; border-color:red; border-style:dotted ; } </style></head><body><div> <p>css設定文字虛線邊框、css文字虛線邊框、html虛線框、css邊框虛線代碼</p></div></body></html>
效果如：
這裡就提到非常重要的屬性border-style:dotted ;
border-style屬性用於設定元素所有邊框的樣式，或者單獨地為各邊設定邊框樣式。只有當這個值不是 none 時邊框才可能出現。
這裡的dotted值就是定義點狀邊框。即像中的虛線框展示。
註：所有瀏覽器都支援 border-style 屬性。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
