html怎么弄虚线

虚线效果就这三种方式。

CSS边框最快。
直接用border:2 px dashed red就搞定了。
不用想那么多。

SVG虚线自定义。
比如stroke-dasharray="5 ,1 0"就行。
画直线或曲线都行。
但代码要写。

Canvas最灵活。
用JavaScript控制。
动态效果、复杂路径都能做。
但得会写JS。

看你用啥场景了。
静态页面就用CSS。
图形设计用SVG。
交互动画用Canvas。

HTML表格的这种虚线样式怎么做出来的？？

直接给结论。

border-bottom:1 px dotted 000; 这是方法一。

.showLine { float:left; height:1 0px; width:1 00%; border:0; background:url(/images/xian.png) center bottom no-repeat; } 这是方法二。

方法二用背景图片更灵活。

按需选。

html下划线怎么添加

上周 你说这个HTML下划线怎么加啊
方法1 ：用标签。
场景：快速加下划线，不想搞复杂样式。
代码：这段有下划线 效果：这段有下划线
注意：是老标签了，HTML5 说是非文本注释用。
现在想加装饰性下划线，最好用CSS。

方法2 ：用CSS text-decoration。
场景：要改颜色、样式（虚线啥的），或者要和别的样式连动。

子方法1 ：写text-decoration:underline。
代码：

有下划线

效果：

有下划线


子方法2 ：写text-decoration-line:underline。
代码：红色下划线 效果：红色下划线
扩展：CSS还能同时设样式和颜色。
代码：

蓝色虚线

效果：

蓝色虚线


怎么选？ 简单需求：直接用标签，代码短。
复杂需求：改颜色、样式（虚线波浪线），或者要和字体间距联动，用CSS。

对比：基础下划线

红色波浪下划线


注意：不是超链接，别用。
text-decoration-line是新版CSS，旧浏览器用text-decoration就行。

算了。