Dreamweaver如何设置下划线和文字的距离

发布网友发布时间：2022-04-06 11:59

我来回答

共5个回答

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

<!doctype html>

<html>

<head>

<title>无标题文档</title>

<style>

p span{

display:inline; /*文字定义成块元素*/

padding-bottom:5px; /*设置下拉线距离*/

border-bottom:1px solid #F00; /*设置下拉线样式颜色*/

}

</style>

</head>

<body>

<p>

<span>文字文字文字</span>

</p>

</body>

</html>

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

补充回答，你设一下鼠标连接的样式啊，a:hover的，里面可以设置一下边框的线吧，呵呵，我没做过，也只是建议，不妨试一下哦

再补充，我刚才设置连接下划钱，也没有你说的这么近啊，起码有两像素呢，你没设置错吧

在百度里搜了好像没特别好的办法，不过可以设样式，一个连接样式,设置边框线
<style type="text/css">
.style1 {font-size: 14px; line-height: 50px; border-bottom: 1px solid; padding-bottom: 10px;}
.style2 {font-size: 14px; }
</style>
</HEAD>
<body>
<font class=style1>
我是第一行<br>
</font>
<font class=style2>
我是第二行<br>
我是第三行<br>
</font>
</body>

热心网友时间：2022-04-06 16:21

这个是不行的
不过可以用边框来代替
例如
a{
text-decoration:none;
border-bottom:1px solid #ccc; /* #ccc换成链接的颜色 */
display: inline-block;
padding-bottom:10px; /*这里设置你要空的距离*/
}

热心网友时间：2022-04-06 18:12

要想加下划线就要在选中文字左右加<u>内容</u>，文字的上下距离可以用line-height:20px;，文字的左右距离可以用letter-spacing:20px;

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

1。下划线：text-decoration:underline

2.文字间距letter-spacing:8px;