- 相關(guān)推薦
如何設(shè)置html虛線邊框的方法
用到CSS樣式和HTML標簽元素
為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設(shè)置邊框虛線效果。
1、html常用標簽
p標簽
span
ul li
table tr td
2、實例用到CSS屬性單詞
border
width
height
3、實現(xiàn)虛線的CSS重點介紹
border為邊框?qū)傩,如果要實現(xiàn)對象邊框效果,要設(shè)置邊框?qū)挾取⑦吙蝾伾、邊框樣式(實線還是虛線)
border:1px dashed #F00 這個就是設(shè)置邊框樣式寬度為1px,虛線,虛線為紅色。
4、實例描述
我們對以上幾個標簽設(shè)置相同寬度、相同高度、邊框效果。
5、完整HTML代碼:
.bor{border:1pxdashed#F00;width:300px;height:60px;margin-top:10px}span{display:block}/*css注釋說明:讓span形成塊*/
p盒子
span盒子
ulli列表
ulli列表
6、瀏覽器效果截圖 以上實例對html中不同標簽設(shè)置相同的樣式,包括相同邊框虛線。
html不同標簽設(shè)置邊框虛線效果截圖
【如何設(shè)置html虛線邊框的方法】相關(guān)文章:
word設(shè)置邊框的方法11-21
cad怎么設(shè)置圖框的邊框07-25
PS畫筆參數(shù)繪制流暢虛線的方法08-24
關(guān)于Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細線顯示?08-15
實現(xiàn)html方法結(jié)構(gòu)化10-01
php如何過濾危險html代碼09-21
PPT動畫設(shè)置方法06-07
excel頁眉設(shè)置方法07-14