站長(zhǎng)資訊網(wǎng)
在css3中，雙線邊框是指元素邊框由兩條單線組成，并且之間的間隔恒等于指定的邊框?qū)挾戎担豢捎谩癰order-style”屬性將元素的邊框設(shè)置為雙線，只需將屬性值設(shè)置為double即可，語(yǔ)法為“{border-style:double;}”。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
css3雙線邊框是什么意思
雙線邊框是指元素邊框由兩條單線組成，并且之間的間隔恒等于指定的邊框?qū)挾戎?/p>
border-style屬性設(shè)置一個(gè)元素的四個(gè)邊框的樣式。此屬性可以有一到四個(gè)值。
屬性值為double定義雙線。雙線的寬度等于 border-width 的值。
其他屬性值如下：
示例如下：
<html> <head> <meta charset="utf-8"> <title>123</title> <style> p.none {border-style:none;} p.dotted {border-style:dotted;} p.dashed {border-style:dashed;} p.solid {border-style:solid;} p.double {border-style:double;} p.groove {border-style:groove;} p.ridge {border-style:ridge;} p.inset {border-style:inset;} p.outset {border-style:outset;} p.hidden {border-style:hidden;} p.mix {border-style: dotted dashed solid double;} </style> </head> <body> <p class="none">無(wú)邊框。</p> <p class="dotted">虛線邊框。</p> <p class="dashed">虛線邊框。</p> <p class="solid">實(shí)線邊框。</p> <p class="double">雙邊框。</p> <p class="groove"> 凹槽邊框。</p> <p class="ridge">壟狀邊框。</p> <p class="inset">嵌入邊框。</p> <p class="outset">外凸邊框。</p> <p class="hidden">隱藏邊框。</p> <p class="mix">混合邊框</p> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
