Html 你能告诉我内容吗&“；；有图像标签还是说有图像？

好的，所以我一直在做研究，但仍然无法确定“内容：”；“可以随时包含图像

我不知道我的问题是否恰当。但我很高兴知道它是否可以包含图片链接。谢谢

例如，我有一个图像标签：

<img src="kitten.jpg">

从中，内容的属性值为：

url（url）|将内容设置为某种媒体（图像、声音、视频等）

因此，这将起作用：

.yourDiv:after { 
content: url('image-src'); 
}

示例代码段：

p:after{
内容：url（'https://www.nasa.gov/sites/default/files/styles/image_card_4x3_ratio/public/thumbnails/image/leisa_christmas_false_color.png?itok=Jxf0IlS4');
}

一些东西

CSS

内容

可以包含文本或…图像

.seb-example:before {
    content: url('http://placekitten.com/250/250');
}

---

尽管如此，我还是喜欢在

:before

（或

:before

）中使用

背景图像，因为它可以让我更好地控制大小（使用
背景大小
）。但在极少数情况下，我发现它很有用。
你为什么不试试呢

您可以使用
url
显示图像。
content
属性将包括任何html内容

见下面的示例：


div，
部门：之后{
显示：内联块；
垂直对齐：顶部；
}
部门：之后{
内容：网址(http://placekitten.com/250/250);
}
image
如果img src只是一个名称，那么我想您不能在
content
属性中有标记（元素）-您必须使用
url
url（mountains.jpg）
将起作用这对于实际使用小猫来说应该是+1。请检查编辑的问题，并让我知道这是否可行。是的，只需使用正斜杠从服务器根开始，并输入图像在服务器上任何位置的路径。例如：
content:url（'/images/kitten.png'）。
.seb-example:before {
    content: url('http://placekitten.com/250/250');
}