对图像使用css

我正在尝试将图像附加到div标记

<div class="arrow"></div>

.left div.arrow{background-image: url(../images/design/arrow.jpg); float:left;}

使用此选项时，html页面上不会显示任何内容。 我做得对吗？ 我的图像在正确的文件夹中

谢谢

您必须设置DIV的宽度和高度属性，否则DIV基本上是不可见的，因为它没有内容。将宽度和高度设置为背景图像的尺寸

编辑：正如其他人指出的那样。选择器表明目标div位于类为左的元素中。如果不是这样，那么选择器将不起作用

.left div.arrow{background-image: url(../images/design/arrow.jpg); float:left;}

这表明具有类箭头的div应该包含在剩下类的元素中。是这样吗

你可能想把它改成

div.arrow{background-image: url(../images/design/arrow.jpg); float:left;}

---

如果希望div为空时显示，则必须在CSS中为其指定宽度和高度。

div没有大小，因此不会显示。指定大小或向div添加一些内容

div.arrow{background-image: url(../images/design/arrow.jpg); float:left; width:100px; height:100px;}

执行此操作时：

.left div.arrow{background-image: url(../images/design/arrow.jpg)

只有当div位于类为left的元素中时，它才会起作用

您可以通过以下方法直接瞄准它：

div.arrow{background-image: url(../images/design/arrow.jpg)

确保：

您也可以在CSS中指定宽度和/或高度 指定图像的正确路径

箭头{ 背景图片：url../images/design/arrow.jpg； 宽度：200px； 高度：200px； }

---

它位于left类的内部：它位于left类的内部：