这种虚线表格要怎么写？_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:41 AM

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

回复讨论(解决方案)

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

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，