文本下方有一条奇怪的粗线
文本下方有一条奇怪的粗线
提问于 2018-12-05 02:51:31
我正在尝试为一个学校项目做一个项目组合网站，这是它在正常解决方案下的样子
看起来很正常，对吧？但是，当我缩小时，文本下面会出现一条奇怪的粗线
下面是HTML和CSS代码。
@font-face {
font-family: 'KGDefyingGravity';
src: url(../fonts/KGDefyingGravity.ttf);
}
h1 {
font-family: 'KGDefyingGravity';
font-size: 6em;
text-align: center;
color: rgb(15, 0, 223);
letter-spacing: -1px;
}
.selection {
font-family: 'KGDefyingGravity';
font-size: 5em;
text-align: center;
color: rgb(223, 0, 15);
letter-spacing: -1px;
}<h1>[|||||||'S|PORTFOLIO|SITE]</h1>
<a href="\index.html" class="selection">[HOME|PAGE]</a>
编辑:我不知道为什么我的代码是代码片段。该网站似乎是自动做到了这一点。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-12-05 04:30:54
可能默认的用户代理样式表包含
文本装饰:下划线；
为了避免这种情况，您应该将
文本装饰:无；
在DOM元素的选择器中。
例如：
h1 {
text-decoration: none;
}我希望我能帮上忙;)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53619615
复制相关文章
相似问题