搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 盒子模型
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example of CSS border-style property</title> <style> p { border-width: 3px; } 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; } </style> </head> <body> <h1>各种边框样式。</h1> <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> </body> </html>
运行结果
