Css 如何在标记中指定背景图像

我有一些代码，我没有写，目前有一个背景图像。我想保持准确的外观，但不是在CSS中设置图像，我想在我的标记中设置它，但我不知道如何设置

这就是当前在CSS中设置图像的方式

.clean-topbar{
    background-image:url(http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position: relative;
    height:200px;
}

以下是显示图像的标记部分：

<div class="clean-topbar">
...

请帮助我在HTML标记中指定图像，而不是CSS。这是一把小提琴：

---

您可以使用内联css

您可以使用内联css

您可以使用标签

您可以使用标签

如果您想避免使用背景图像和单独的CSS，而是只在HTML中使用img标记和内联样式，那就太好了

<div><img src="http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg" style="height:200px;object-fit:cover;"></div>

<div style="background-image:url(http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg); background-repeat:no-repeat;        background-position:center;background-size:cover;position: relative;height:200px;">...</div>

但是，如果您只是想将外部CSS移动到内联样式，那么

<div><img src="http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg" style="height:200px;object-fit:cover;"></div>

<div style="background-image:url(http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg); background-repeat:no-repeat;        background-position:center;background-size:cover;position: relative;height:200px;">...</div>

---

如果您的意思是希望避免使用背景图像和单独的CSS，而是只在HTML中使用img标记和内联样式，那就太好了

<div><img src="http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg" style="height:200px;object-fit:cover;"></div>

<div style="background-image:url(http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg); background-repeat:no-repeat;        background-position:center;background-size:cover;position: relative;height:200px;">...</div>

但是，如果您只是想将外部CSS移动到内联样式，那么

<div><img src="http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg" style="height:200px;object-fit:cover;"></div>

<div style="background-image:url(http://www.elpasodeventa.com/mls_content/gep/photos/818802/20191118214112529586000000-o.jpg); background-repeat:no-repeat;        background-position:center;background-size:cover;position: relative;height:200px;">...</div>

---

只需使用属性来插入图片的链接。

只需使用属性来插入图片的链接。

展开Phoenix Studio的答案，您可以这样指定内联背景图像样式

然后在CSS控件中控制背景的显示方式：

<div class="clean-topbar">
...

.清洁顶杆{ 背景重复：无重复； 背景位置：中心； 背景尺寸：封面；//或包含为您服务的内容 }

---

减少加载时间和提高页面速度是一个很好的选择。

扩展Phoenix Studio的答案，您可以这样指定内联背景图像样式

然后在CSS控件中控制背景的显示方式：

<div class="clean-topbar">
...

.清洁顶杆{ 背景重复：无重复； 背景位置：中心； 背景尺寸：封面；//或包含为您服务的内容 }

---

减少加载时间和提高页面速度是一个不错的选择。

这非常有效，非常感谢您的帮助。还有其他很好的解决方案，但这是最简单、最干净的。这非常有效，非常感谢您的帮助。还有其他好的解决方案，但这是最简单、最干净的。我确实喜欢你的解决方案，并投票认为这是有用的答案。谢谢。我确实喜欢你的解决方案，并投票认为这是一个有用的答案。非常感谢。