當前位置:才華齋>設計>網頁設計>

如何設定html虛線邊框的方法

網頁設計 閱讀(1.06W)

如何設定html虛線邊框的方法

如何設定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不同標籤設定邊框虛線效果截圖