- 相關(guān)推薦
如何設置html虛線(xiàn)邊框的方法
用到CSS樣式和HTML標簽元素
為了對html不同標簽加邊框虛線(xiàn),我們選擇幾個(gè)常用標簽對齊設置邊框虛線(xiàn)效果。
1、html常用標簽
p標簽
span
ul li
table tr td
2、實(shí)例用到CSS屬性單詞
border
width
height
3、實(shí)現虛線(xiàn)的CSS重點(diǎn)介紹
border為邊框屬性,如果要實(shí)現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實(shí)線(xiàn)還是虛線(xiàn))
border:1px dashed #F00 這個(gè)就是設置邊框樣式寬度為1px,虛線(xiàn),虛線(xiàn)為紅色。
4、實(shí)例描述
我們對以上幾個(gè)標簽設置相同寬度、相同高度、邊框效果。
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í)例對html中不同標簽設置相同的樣式,包括相同邊框虛線(xiàn)。
html不同標簽設置邊框虛線(xiàn)效果截圖
【如何設置html虛線(xiàn)邊框的方法】相關(guān)文章:
word設置邊框的方法11-21
cad怎么設置圖框的邊框07-25
IE瀏覽器默認HTML編輯器的設置方法07-29
word中表格的邊框和底紋設置教程02-24
PS畫(huà)筆參數繪制流暢虛線(xiàn)的方法08-24
關(guān)于Dreamweaver中怎么讓html網(wǎng)頁(yè)中的table邊框細線(xiàn)顯示?08-15
實(shí)現html方法結構化10-01
php如何過(guò)濾危險html代碼09-21
PPT動(dòng)畫(huà)設置方法06-07
excel頁(yè)眉設置方法07-14