html - 将结构与表示分离 - html/css

Question

我有这个代码:

HTML:

  <img class="d" src="i3.jpg" alt=""/><img class="d" src="i4.jpg" alt=""/>

CSS:

img.d{margin-top:10px;margin-left:20px;}

但是，我想将 i3.jpg 放在 CSS 中，而不是 html 中，以进一步将结构与演示文稿分开...我该怎么做。

谢谢。

找到这个

link here

Answer 1

您可以将图像设置为元素的背景图像。

HTML: <div class="d"></div>

CSS: div.d{width:20px; height:20px; margin-top:10px; margin-left:20px; background:url('i3.jpg') 0 0 no-repeat;}