源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> 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.none {border-style: none;} p.hidden {border-style: hidden;} p.mix {border-style: dotted dashed solid double;} </style> </head> <body> <h2>border-style 属性</h2> <p>此属性指定要显示的边框:</p> <p class="dotted">dotted(点) 边框.</p> <p class="dashed">dashed(虚线) 边框.</p> <p class="solid">solid(实线) 边框.</p> <p class="double">double(双) 边框.</p> <p class="groove">groove(凹槽) 边框.</p> <p class="ridge">ridge(隆起) 边框.</p> <p class="inset">inset(内嵌) 边框.</p> <p class="outset">outset(外突) 边框.</p> <p class="none">没有边框.</p> <p class="hidden">hidden(隐藏) 边框.</p> <p class="mix">mixed(混合)边框.</p> </body> </html>
运行结果