<blockquote id="wihey"></blockquote>

??? ??? ??

border-style ??? ??? ? ?? ??? ???? ?????. ? ??? 1~4?? ?? ?? ? ????.

border-style:dotted solid double dashed;

● ?? ???? ??

● ??? ???? ??

● ??? ???? ???

● ?? ???? ??

border-style:dotted solid double;

● ?? ???? ??

● ???? ?? ???? ??

● ??? ???? ???

border-style:dotted solid;

● ?? ???? ??? ???? ??

● ??? ???? ?? ???? ?????

border-style:dotted;

● ??? 4? ?? ???? ??????

?? ??? ???:

none: ??? ?? ?? .

hidden: "??"? ?????. ??? ??? ???? ?? ??? ???? ???? ???? ??? ?????.

dotted: ?? ???? ?????. ???? ??????? ???? ??????.

dashed: ??? ?????. ???? ??????? ???? ??????.

solid: ??? ?????.

double: ???? ?????. ???? ??? border-width ?? ????.

groove: 3D ? ???? ?????. ??? border-color ?? ?? ?????.

ridge: 3D ?? ???? ?????. ??? border-color ?? ?? ?????.

inset: 3D ?? ???? ?????. ??? border-color ?? ?? ?????.

???: 3D ??? ???? ?????. ??? border-color ?? ?? ?????.

inherit: ??? ???? ?? ???? ????? ?????.

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>設(shè)置邊框樣式</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;} </style> </head> <body> <p class="none">無邊框。</p> <p class="dotted">虛線邊框。</p> <p class="dashed">虛線邊框。</p> <p class="solid">實線邊框。</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> </body> </html>

?????? ???

????