我有这段html代码:
<h1>FROZEN</h1>
我希望为这个元素添加一个底部边框,像这样的边框:
![enter image description here](https://istack.dev59.com/DNOVF.webp)
::after
来实现这个功能。
CSS:
h1 {
font-size:64px;
position:relative;
text-align:center;
}
h1::after {
content:'';
position:absolute;
width:150px;
height:1px;
background:#000;
bottom:0;
left:0;
right:0;
margin:auto;
}
float:left
或float:right
来使你的文本左对齐或右对齐,以你想要的方式。这样一来,你就不需要任何额外的HTML元素。<h1>FROZEN</h1>
<hr width="150px" />
<hr width="5%"/>