css内容属性

TL。

于 2020-11-15 15:35:04 发布

阅读量184

点赞数

分类专栏： web前端开发文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_45491681/article/details/109704632

版权

web前端开发专栏收录该内容

12 篇文章

订阅专栏

这篇博客介绍了如何利用CSS伪元素`:after`和`:before`在HTML元素前后插入图片。通过设置`content`属性为`url()`，可以在`p`标签后添加一张图片，而在`a`标签前添加另一张图片。此外，还提到了`content:attr(href)`的用法，用于显示链接的URL。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

伪元素 :after :before

/*伪元素  after往p标签后面添加一个图片*/
p:after{
	content: url("../img/1.jpg");
}
/*before往p标签前面添加一个图片*/
a:before{
	content:url("../img/2.png");
	/* content:attr(href); */
}