h1线-在颜色变化时悬停时出现高度或高度问题
提问于 2015-07-03 06:21:34
我想在h1悬停时进行颜色更改，如下所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
h1 {color:#aef;font-size: 14em;line-height: 0.1;}
h1:hover {color: #ff9224;}
</style>
</head>
<body>
<h1>More</h1>
</body>
</html>
(代码也在JS Bin中。)
但是，我只想在字母上盘旋时改变颜色，比如在图片中，绿色线下的字母区域。我尝试过line-height和height的值非常小，但两者都没有生效。
我该换点别的吗？还是使用p代替h1以方便？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-03 07:21:17
如果有帮助的话，试试我创建的这个片段。
.border {
overflow: hidden;
}
h1 {
color: #aef;
font-size: 14em;
line-height: 163px;
margin: 0;
}
h1:hover {
color: #ff9224;
}<div class="border">
<h1>More</h1>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31209033
复制相关文章
腾讯云开发者
