天天看點

html外邊框設為虛線,科技常識:html設定虛線邊框的方法

今天小編跟大家講解下有關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.comp盒子span盒子ulli清單ulli清單表格表格2資料資料2

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

6、浏覽器效果截圖

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

來源:愛蒂網

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多資訊之目的,如作者資訊标記有誤,請第一時候聯系我們修改或删除,多謝。