Question

我在css中的代码是：

.logo{
content:url(http://www.dylionsrugby.com.au/wp-content/uploads/2012/04/lion.png/600x600);
background-color: White;
float: right;
}

在html中我有：

<div class="logo"></div>

我错过了什么，什么都没出现？“

Answer 1

你的问题有些笼统。您还可以使用图像上的定位属性而不是div来模拟正确的定位。

.logo{
  width: 250px;
  height: 75px;
  background-image: url("http://www.slate.com/content/dam/slate/articles/health_and_science/science/2015/07/150730_SCI_Cecil_lion.jpg.CROP.promo-xlarge2.jpg");
  background-color: white;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: right;
}

<div class="logo"></div>

Answer 2

首先，“content”属性用于：before和：after伪元素。其次，图像链接不正确。我假设您希望div .logo中的图片具有白色背景，所以这里是一个jsfiddle：https://jsfiddle.net/Iulius90/njne5sy5/

代码：

ul {
    text-align:center;
}
li {
    display:inline-block;
}

我怎么能有一个带有白色背景图像的div？

2 个答案: