html中line直线不显示,html – 为什么line-height属性不适用于超链接？

最新推荐文章于 2022-04-22 09:56:56 发布

来自日本的亮仔

最新推荐文章于 2022-04-22 09:56:56 发布

阅读量192

点赞数

文章标签： html中line直线不显示

博客内容涉及如何在HTML导航栏中正确设置行高和颜色。提供了两种方法，一是直接在`a`标签中定义样式，二是通过`li`标签和`a`标签结合来实现。示例代码展示了如何使用CSS改变链接颜色、行高，并在鼠标悬停时改变颜色。强调了在正确元素上应用样式的重要性。

摘要由CSDN通过智能技术生成

你应该在锚点中定义一个行高而不是在navbar id中看到示例代码： –

HTML

CSS

#navbar a {

color: red;

line-height: 33px;

text-decoration: none;

}

http://jsfiddle.net/8LFLd/50/

另一个正确的方法是我在下面提到你应该在正确的ul li列表项目导航,如下所述： –

HTML

Menu
Contact Us
About Us
Terms & Conditions
Jobs
Your Order

CSS

#navbar li {

display:block;

list-style-type:none;

line-height:25px;

}

#navbar li a {

text-decoration:none;

color:red;

}

#navbar li a.fb {

text-decoration:none;

color:green;

}

#navbar li a:hover {

text-decoration:none;

color:blue;

}

演示： – http://jsfiddle.net/XZ9w7/3/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

来自日本的亮仔

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html中line直线不显示,html – 为什么line-height属性不适用于超链接？

你应该在锚点中定义一个行高而不是在navbar id中看到示例代码： –HTMLMenuContact UsAbout UsTerms & ConditionsJobsYour OrderCSS#navbar a {color: red;line-height: 33px;text-decoration: none;}http://jsfiddle.net/8LFLd/50/另一个正确的方...
复制链接

扫一扫