编辑文本后点击显示结果
返回网页教程首页
<html> <head> <title>边框风格属性 border-style </title> <style type="text/css"> .d1 {border-style:none;} .d2 {border-style:solid;} .d3 {border-style:dotted;} .d4 {border-style:dashed;} .d5 {border-style:double;} .d6 {border-style:groove;} .d7 {border-style:ridge;} .d8 {border-style:inset;} .d9 {border-style:outset;} </style> </head> <body> <div>这个div的CSS边框风格(border-style)属性缺省值是none。</div> <br> <div class = "d1">这个div的CSS边框风格(border-style)属性是none。</div> <br> <div class = "d2">这个div的CSS边框风格(border-style)属性是solid。</div> <br> <div class = "d3">这个div的CSS边框风格(border-style)属性是dotted。</div> <br> <div class = "d4">这个div的CSS边框风格(border-style)属性是dashed。</div> <br> <div class = "d5">这个div的CSS边框风格(border-style)属性是double。</div> <br> <div class = "d6">这个div的CSS边框风格(border-style)属性是groove。</div> <br> <div class = "d7">这个div的CSS边框风格(border-style)属性是ridge。</div> <br> <div class = "d8">这个div的CSS边框风格(border-style)属性是inset。</div> <br> <div class = "d9">这个div的CSS边框风格(border-style)属性是outset。</div> <br> </body> </html>