CSS文字下划线

发布网友发布时间：2022-04-19 22:25

共2个回答

热心网友时间：2022-04-06 13:27

<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html
xmlns="
http://www.w3.org/1999/xhtml">

<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
<style>
*{
padding:0px;
margin:0px;}
p{
border-bottom:1px
dotted
#ccc;
line-height:22px;}
div{
text-decoration:
underline;
margin-top:50px;
line-height:22px;}
</style>
</head>
<body>
<p>想问一下
文字下的虚线是如何实现的</p>
<p>可以用CSS吗？</p>
<p>会的朋友
麻烦给我写一下</p>
<p>先谢谢了</p>
<div>
想问一下
文字下的虚线是如何实现的<br
/>
可以用CSS吗？<br
/>
会的朋友
麻烦给我写一下<br
/>
先谢谢了
</div>
</body>
</html>
================================
还有一种做法可能就是用背景平铺的方式实现这种效果!

热心网友时间：2022-04-06 14:45

没有这种下划线的，你只要给每行文字间加个边框就可以了，甚至可以采用图片形式来当背景

首页

文章

CSS文字下划线