CSS中的:before伪元素能够在一个元素的内容之前插入另一个元素,并且可以使用它来设置图片旋转。需要注意的是,在使用:before伪元素时,必须要设置其content属性的值。下面的代码演示了如何
<style> p::before { content: " "; display: inline-block; width: 100px; height: 100px; background-image: url('image.png'); transform: rotate(45deg); } </style> <p>Hello world</p>
<pre> <style> p::before { content: " "; display: inline-block; width: 100px; height: 100px; background-image: url('image.png'); transform: rotate(45deg); } </style> <p>Hello world</p> <p>Hello world again</p>
粉丝
0
关注
0
收藏
0