天天看點

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代碼:

html邊框虛線示範 www.pcss5.com

p盒子

span盒子

  • ul li清單
  • ul li清單
表格 表格2
資料 資料2

以上執行個體對html中不同标簽設定相同的樣式,包括相同邊框虛線。

6、浏覽器效果截圖

html中怎麼寫虛線框的寬高,html設定虛線邊框的方法

html不同标簽設定邊框虛線效果截圖

更多資訊請檢視IT技術專欄