如何让html表格有虚线边框

在html表格里怎么做出这种边框呢?如图
2024-11-30 18:11:26
推荐回答(3个)
回答1:

  可以用CSS样式和HTML标签元素实现,我们选择几个常用标签对齐设置边框虚线效果:

  1、html常用标签:

  p标签

  span

  ul li

  table tr td

  2、实例用到CSS属性单词:

  border

  width

  height

  3、实现虚线的CSS重点介绍:

  border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线):

  border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。

  4、实例描述:

  我们对以上几个标签设置相同宽度、相同高度、边框效果。

  5、完整HTML代码:

 
 
 
 
html边框虚线演示 
 
 
 
p盒子

 
span盒子 
 
  • ul li列表
  •  
  • ul li列表
  •  
      
     
    表格 
    表格2 
     
     
    数据 
    数据2 
     
     
     

    效果图: 

    回答2:

    在CSS里面改,如 :
    #id {border:2px dashed #000000;}

    回答3:






    无标题文档











    --------------
    在表格添加 id="xuxian"
    CSS添加如下代码就能实现虚线
    red 为红色,可改变颜色