首先我們應(yīng)該知道css的bo" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運(yùn)營 > css如何設(shè)置虛線邊框?css設(shè)置虛線邊框的方法示例

css如何設(shè)置虛線邊框?css設(shè)置虛線邊框的方法示例

時(shí)間:2023-07-03 11:57:02 | 來源:網(wǎng)站運(yùn)營

時(shí)間:2023-07-03 11:57:02 來源:網(wǎng)站運(yùn)營

css如何設(shè)置虛線邊框?css設(shè)置虛線邊框的方法示例:在網(wǎng)頁布局中,有時(shí)候?yàn)榱苏w網(wǎng)頁的美觀可能需要設(shè)置虛線邊框,那么虛線邊框怎么設(shè)置呢?本篇文章就來給大家介紹一下如何使用css來設(shè)置虛線邊框。

首先我們應(yīng)該知道css的border為邊框?qū)傩?,可以?shí)現(xiàn)對象邊框的效果,像是設(shè)置邊框?qū)挾?、邊框顏色、邊框樣式(?shí)線還是虛線)等。

下面我們就來具體看看css的border邊框?qū)傩栽O(shè)置邊框虛線的方法

border中dotted跟dashed都是可以用來設(shè)置邊框虛線的,只是dashed設(shè)置長方形點(diǎn)的虛線,而dotted設(shè)置正方形點(diǎn)的虛線。接下來我們就來分別看看兩種虛線邊框的實(shí)現(xiàn)代碼。

1、利用dashed設(shè)置虛線邊框

代碼如下:

<!DOCTYPE html><html><head> <title></title><style type="text/css"> div{ width: 100px; height: 100px; border: dashed; }</style></head><body><div>虛線邊框</div></body></html>虛線邊框效果如下:

如果你想將虛線邊框加上顏色和虛線邊框變細(xì)一點(diǎn)的話可以這樣做:

div{ width: 100px; height: 100px; border: 2px dashed lightblue; }虛線邊框效果就會(huì)變成如下所示:

2、利用dotted設(shè)置虛線邊框

代碼如下:


<!DOCTYPE html><html><head> <title></title><style type="text/css"> div{ width: 100px; height: 100px; border: dotted; } </style></head><body><div>虛線邊框</div></body></html>虛線邊框效果如下:

同樣的如果要改變一下上述虛線邊框的樣式可以改變代碼如下:

div{ width: 100px; height: 100px; border: 2px dotted lightblue; }虛線邊框效果如下:

本篇文章到這里就全部結(jié)束了,更多精彩內(nèi)容可以關(guān)注我?。。?!

關(guān)鍵詞:邊框,設(shè)置,示例,方法,虛線

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉