这种虚线表格要怎么写？_html/css_WEB-ITnose
- WBOY原创
- 2016-06-21 09:41:471673浏览
各位高手，这种虚线表格要怎么写？即横线是虚线，其他的是实线
回复讨论(解决方案)
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