如何設(shè)置html虛線邊框的方法

時(shí)間：2024-11-03 14:31:41 HTML DOM 我要投稿

　　用到CSS樣式和HTML標(biāo)簽元素

　　為了對html不同標(biāo)簽加邊框虛線，我們選擇幾個(gè)常用標(biāo)簽對齊設(shè)置邊框虛線效果。

　　1、html常用標(biāo)簽

　　p標(biāo)簽

　　span

　　ul li

　　table tr td

　　2、實(shí)例用到CSS屬性單詞

　　border

　　width

　　height

　　3、實(shí)現(xiàn)虛線的CSS重點(diǎn)介紹

　　border為邊框?qū)傩裕绻獙?shí)現(xiàn)對象邊框效果，要設(shè)置邊框?qū)挾取⑦吙蝾伾⑦吙驑邮剑▽?shí)線還是虛線）

　　border:1px dashed #F00 這個(gè)就是設(shè)置邊框樣式寬度為1px，虛線，虛線為紅色。

　　4、實(shí)例描述

　　我們對以上幾個(gè)標(biāo)簽設(shè)置相同寬度、相同高度、邊框效果。

　　5、完整HTML代碼：

　　.bor{border:1pxdashed#F00;width:300px;height:60px;margin-top:10px}span{display:block}/*css注釋說明：讓span形成塊*/

　　p盒子

　　span盒子

　　ulli列表

　　6、瀏覽器效果截圖以上實(shí)例對html中不同標(biāo)簽設(shè)置相同的樣式，包括相同邊框虛線。

　　html不同標(biāo)簽設(shè)置邊框虛線效果截圖

【如何設(shè)置html虛線邊框的方法】相關(guān)文章：