Home >Web Front-end >HTML Tutorial >这种虚线表格要怎么写？_html/css_WEB-ITnose
这种虚线表格要怎么写？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:41:471704browse
各位高手，这种虚线表格要怎么写？即横线是虚线，其他的是实线
回复讨论(解决方案)
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都测试过没问题 Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：求解html发送电子邮件的方法_html/css_WEB-ITnoseNext article：js datagrid 怎么实现checkbox多选_html/css_WEB-ITnose