如何設置html虛線邊框的`方法
用到CSS樣式和HTML標籤元素
爲了對html不同標籤加邊框虛線,我們選擇幾個常用標籤對齊設置邊框虛線效果。
1、html常用標籤
p標籤
span
ul li
table tr td
2、實例用到CSS屬性單詞
border
width
height
3、實現虛線的CSS重點介紹
border爲邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設置邊框樣式寬度爲1px,虛線,虛線爲紅色。
4、實例描述
我們對以上幾個標籤設置相同寬度、相同高度、邊框效果。
5、完整HTML代碼:
{border:1pxdashed#F00;width:300px;height:60px;margin-top:10px}span{display:block}/*css註釋說明:讓span形成塊*/
p盒子
span盒子
ulli列表
ulli列表
6、瀏覽器效果截圖 以上實例對html中不同標籤設置相同的樣式,包括相同邊框虛線。
html不同標籤設置邊框虛線效果截圖