Question

我试过这个：

<div id="test" style="background:url(*Various image links*)>
</div>

但没有任何表现。

我该怎么做？

Answer 1

还显示：块或内联块，大小

display:inline-block;
width:100px;
height:100px;
background-image:.....;

Answer 2

两件事。首先，你需要一个身高和高度。宽度，除非你在div中有内容，否则它的大小为0px到0px。其次，你需要注意单引号和双引号。这是一个有效的例子：

<div id="test" style="background:url('http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png'); height:100px; width:100px;">

</div>

Answer 3

这里是：

<body>

<div style="background-image:url('../../Images/flower.jpg');width:300px;height:234px">
The flowers are very beautiful.
</div>

并建议使用background-color，以防图片无法加载时，彩色页面不为空白。

如何使用内联CSS将图像应用于背景？

3 个答案: