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

请高手指教:当我做网页链接的时候,鼠标经过时,字体变色同时出现下划线,但是下划线和文字的距离太近(如下图),这让我不满意,我想调整下划线和文字之间的距离,应该怎么设置。谢... 请高手指教:当我做网页链接的时候,鼠标经过时,字体变色同时出现下划线,但是下划线和文字的距离太近(如下图),这让我不满意,我想调整下划线和文字之间的距离,应该怎么设置。谢谢!
朋友们谢谢了,不过我问的是:当鼠标经过的时候下划线与文字的距离!
展开
 我来答
蓝色天空08427
推荐于2016-07-24 · TA获得超过372个赞
知道小有建树答主
回答量:622
采纳率:0%
帮助的人:390万
展开全部

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<style>

  p span{

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

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

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

  }

</style>

</head>


<body>

<p>

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

</p>

</body>

</html>

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
百度网友f7f94a2
2010-11-24 · TA获得超过2052个赞
知道大有可为答主
回答量:2169
采纳率:50%
帮助的人:1225万
展开全部
补充回答,你设一下鼠标连接的样式啊,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>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友b0026fc
推荐于2016-04-02 · TA获得超过8431个赞
知道大有可为答主
回答量:8845
采纳率:60%
帮助的人:1.7亿
展开全部
这个是不行的
不过可以用边框来代替
例如
a{
text-decoration:none;
border-bottom:1px solid #ccc; /* #ccc换成链接的颜色 */
display: inline-block;
padding-bottom:10px; /*这里设置你要空的距离*/
}
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
蚂蚁山那边
2015-10-06 · TA获得超过527个赞
知道答主
回答量:255
采纳率:64%
帮助的人:26.4万
展开全部
要想加下划线就要在选中文字左右加<u>内容</u>,文字的上下距离可以用line-height:20px;,文字的左右距离可以用letter-spacing:20px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
出来逛逛的故事
2015-10-15 · TA获得超过206个赞
知道答主
回答量:146
采纳率:50%
帮助的人:41.4万
展开全部
1。下划线:text-decoration:underline

2.文字间距letter-spacing:8px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式