>웹 프론트엔드 >HTML 튜토리얼 >这种虚线表格要怎么写?_html/css_WEB-ITnose

这种虚线表格要怎么写?_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 09:41:471675검색

各位高手,这种虚线表格要怎么写?即横线是虚线,其他的是实线

回复讨论(解决方案)

css设置border style dashed

css设置border style dashed
可否给出源码?

css设置border style dashed
W3CSchool看到了如下代码,但是我想只要如图所示的,中间的横线是虚的,其他是实的,要怎么实现?

<html><head><style type="text/css">p.dashed {border-style: dashed}</style></head><body><p class="dashed">A dashed border</p></body></html>

css设置border style dashed
另border style是不是只对边界进行设置?能对里面的横线进行设置吗?

<style>table{     border-collapse: collapse;/* 边框合并属性  */     border: 1px solid #666666;	 width:200px;}th{     border: 1px solid #666666;     border-bottom: 1px dashed #666666;}td{     border: 1px solid #666666;     border-bottom: 1px dashed #666666;}</style><table><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>24</td></tr><tr><td>李四</td><td>25</td></tr><tr><td>王五</td>	<td>23</td></tr></table>

我用下面的代码还是实线哦?

<html><head><style type="text/css">table{     border-collapse: collapse;/* 边框合并属性  */     border: 1px solid #666666;     width:200px;}th{     border: 1px solid #666666;     border-bottom: 1px dashed #666666;}td{     border: 1px solid #666666;     border-bottom: 1px dashed #666666;}</style><table><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>24</td></tr><tr><td>李四</td><td>25</td></tr><tr><td>王五</td>    <td>23</td></tr></table></html>


可能是浏览器的原因
我的贴图可是真的哦

什么浏览器都度过了,还是不行。
或者你的代码贴错了?或者你复制我的看看可不可以?

可能是浏览器的原因
我的贴图可是真的哦

table{     border-collapse: collapse;/* 边框合并属性  */     border: 1px solid #666666;     width:200px;}th{     border:1px dashed #666666;     border-right: 1px solid #666666;}td{     border: 1px dashed #666666;     border-right: 1px solid #666666;}
这样写IE,firefox,chrome都测试过没问题

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.