html - 在文本下方创建下划线
解决方案
您可以使用伪类生成“边框”并将其放置在您想要的位置。
span {
font-size: 3rem;
position: relative;
}
span:after {
content: "";
position: absolute;
width: 100%;
height: 10px;
background-color: purple;
bottom: 8px;
left: 0;
z-index: -1;
}
<span>Our Mission</span>
推荐阅读
- tensorflow - TensorFlow 自定义损失显示不正确的详细信息
- bootstrap-4 - 移动模式下文本无响应
- c - 为什么这个循环会无限运行?for循环中的逗号分隔条件
- windows - 来自 cygwin-gcc 生成文件的奇怪 PE 部分
- docker-compose - 如何解决 docker:layers_calculator 上的错误以计算私有缠结上的 Merkle 树?
- kubernetes - 如何在 Kubernetes 上为 Kafka-connect 创建连接器?
- php - 在登录和注册时使用 htmlspecialchars
- security - 限制服务器的公共访问
- reactjs - 如何在 reactjs 库开发环境中使用 react-hooks?
- javascript - 打字稿导出默认始终执行