css边框样式有多少种

2024-01-17 15:36 小编
 下面我们就给通过简单的代码示例,给大家总结一些常见的边框样式!
 
  代码如下:
 
  
 
  
 
  <!DOCTYPE>
 
  <html>
 
  <metacharset="utf-8">
 
  <head>
 
  <title></title>
 
  <styletype="text/css">
 
  h1{width:500px;}
 
  h1.abc{border-style:none;}
 
  h1.dotted{border-style:dotted;}
 
  h1.dashed{border-style:dashed;}
 
  h1.solid{border-style:solid;}
 
  h1.double{border-style:double;}
 
  h1.groove{border-style:groove;}
 
  h1.ridge{border-style:ridge;}
 
  h1.inset{border-style:inset;}
 
  h1.outset{border-style:outset;}
 
  h1.hidden{border-style:hidden;}
 
  </style>
 
  </head>
 
  <body>
 
  <h1class="none">无边框</h1>
 
  <h1class="dotted">点状边框</h1>
 
  <h1class="dashed">虚线边框</h1>
 
  <h1class="solid">实线边框</h1>
 
  <h1class="double">双线边框</h1>
 
  <h1class="groove">3D凹槽边框</h1>
 
  <h1class="ridge">3D垄状边框</h1>
 
  <h1class="inset">3Dinset边框</h1>
 
  <h1class="outset">3Doutset边框</h1>
 
  <h1class="hidden">隐藏边框</h1>
 
  </body>
 
  </html>

image.png

Tag: 多少
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码