- 相關(guān)推薦
如何設(shè)置html虛線(xiàn)邊框的方法
用到CSS樣式和HTML標(biāo)簽元素
為了對(duì)html不同標(biāo)簽加邊框虛線(xiàn),我們選擇幾個(gè)常用標(biāo)簽對(duì)齊設(shè)置邊框虛線(xiàn)效果。
1、html常用標(biāo)簽
p標(biāo)簽
span
ul li
table tr td
2、實(shí)例用到CSS屬性單詞
border
width
height
3、實(shí)現(xiàn)虛線(xiàn)的CSS重點(diǎn)介紹
border為邊框?qū)傩,如果要?shí)現(xiàn)對(duì)象邊框效果,要設(shè)置邊框?qū)挾、邊框顏色、邊框樣式(?shí)線(xiàn)還是虛線(xiàn))
border:1px dashed #F00 這個(gè)就是設(shè)置邊框樣式寬度為1px,虛線(xiàn),虛線(xiàn)為紅色。
4、實(shí)例描述
我們對(duì)以上幾個(gè)標(biāo)簽設(shè)置相同寬度、相同高度、邊框效果。
5、完整HTML代碼:
.bor{border:1pxdashed#F00;width:300px;height:60px;margin-top:10px}span{display:block}/*css注釋說(shuō)明:讓span形成塊*/
p盒子
span盒子
ulli列表
ulli列表
6、瀏覽器效果截圖 以上實(shí)例對(duì)html中不同標(biāo)簽設(shè)置相同的樣式,包括相同邊框虛線(xiàn)。
html不同標(biāo)簽設(shè)置邊框虛線(xiàn)效果截圖
【如何設(shè)置html虛線(xiàn)邊框的方法】相關(guān)文章:
路由器的設(shè)置方法07-16
如何正確查看及設(shè)置DNS11-17
excel多條件格式設(shè)置方法04-28
cad繪圖如何設(shè)置好底圖04-12
ppt中如何設(shè)置超鏈接10-17
CAD如何裁剪和設(shè)置透明07-17
設(shè)置雙顯示器顯示的方法11-17