首页 > web前端 > html教程 > 这种虚线表格要怎么写?_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-21 09:41:47
原创
1691 人浏览过

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

回复讨论(解决方案)

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都测试过没问题

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板