CSS中存放图片的标签有哪些?常见的有三种,分别是img标签、background-image属性和content属性。下面我们来依次介绍。 1. img标签img标签是最基本的展示图片的标签,在HT
1. img标签
img标签是最基本的展示图片的标签,在HTML中使用,但也可以在CSS中使用,如下所示:
img{ content: url('images/bg.jpg'); width: 100px; height: 100px; }
在这里使用了content属性来展示图片,同时也可以设置图片的宽高等其他属性。
2. background-image属性
background-image属性常用于背景图片的展示,可以通过CSS样式直接嵌入图片,如下所示:
div{ background-image: url('images/bg.jpg'); width: 100px; height: 100px; }
在这里通过div标签的background-image属性来设置背景图片,并设置了宽高等其他属性。
3. content属性
content属性一般用于通过伪元素来展示图片,如下所示:
div::after{ content: url('images/bg.jpg'); width: 100px; height: 100px; }
在这里通过div标签的::after伪元素来展示图片,并设置了宽高等其他属性。
总结:
以上三种方式都可以用于CSS中展示图片,具体使用哪种方式可以根据实际情况来判断,其中background-image属性是最常用的方式。
粉丝
0
关注
0
收藏
0