css标题底部背景图片 |css a去掉下划线

h1{
position:relative;
}
h1::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:10px;
background:url(标题底部背景图片链接);
background-size:cover;
}

以上代码是实现CSS标题底部背景图片的一种方式。大家首先将标题的position属性设为relative，然后添加一个伪元素::after，作为底部背景图片的容器。设置其position属性为absolute，bottom属性为0，left属性为0，宽度为100%，高度为大家希望的背景图片的高度，最后设置背景图片的链接和尺寸即可。

这样，大家就可以为标题添加底部背景图片了。通过不同的背景图片，可以让不同的标题在视觉效果上有所不同，从而使整篇文章更加生动有趣，吸引读者。