在html中我要打出一条虚线的方法有哪些？_随笔

除了这些方法外还可以用canvas画虚线。

直接用图片的时候可以考虑用背景图片，这样就可以使用背景的repeat方式无限延长。

无论是用border还是图片都可以使用css3的transform属性设置方向和其他变形。

使用svg或canvas都可以更灵活改变虚线的方向等显示方式。

如果要考虑兼容低版本IE浏览器，当然是用border属性或图片背景兼容性最好，其他方式都需要另外引用js才能兼容。

<head>

<style>

.red-underspanne{

border-bottom:dashed 1px red

display:block

}

</style>

</head>

<h2 class='red-underspanne'>有虚线吧？在要加下划线的标签中加入class="red-underspanne"即可。</h2>

补充：不是和你说了“在要加下划线的标签中加入class="red-underspanne"”吗??????

看来你是基本的HTML知识都没有，HTML标签你知道是神马吗？？？

<h2></h2>就是标签，是会加粗的，这只是给你句个例子，就不会依葫芦画瓢，用在其它标签上吗？？？

你问过一个同样的问题了，有位朋友给了你正确的答案，还在问，真为他感到冤。。。

你的那是一个列表，在它的span标签里加入class="red-underspanne"

懂了吗？？？

<p>

<div><span class="red-underspanne">还是加粗的吗？？？</span><span class="red-underspanne">还是加粗的吗？？？</span><span

class="red-underspanne">还是加粗的吗？？？</span><span class="red-underspanne">还是加粗的吗？？？</span></div>

再补：

我后面给你的就不是粗的啊，我的疑问号也是反问。你是要求文字不加粗噻？

还有你的图片里那条黑色的粗线和红框框是怎么回事？自己Ps加上的吗？

欢迎分享，转载请注明来源：内存溢出

在html中我要打出一条虚线的方法有哪些？