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

Question

我试过这个：

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

但是没有任何显示。

我该怎么做？

Answer 1

也display:block或内联块，大小

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

Answer 2

提供div的宽度和高度：

<div id="test" style="background:url(*Various image links*); width:60px; height:60px;">
</div>

Answer 3

删除 url() 中的撇号并将大小设置为 div

假设

style="background:url('images/a.jpg');"

应该是

style="background:url(images/a.jpg);"

Answer 4

两件事。首先，您需要一个高度和宽度，除非您在 div 范围内有内容，否则它的大小将被调整为 0px x 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 5

这里是：

<body>

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

并且建议使用 background-color，以防图片加载不出来，彩色页面不是空白。

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

How do I apply an image to background using inline CSS?

html

css

inline