我有一个html图像
<img src="abc.png">
和我想要的图像是加载在浏览器上较慢的连接。图像的背景/占位符显示为黑色。是否可以通过给图像一个类，然后设置css属性background-color: black;
<img class="black-back" src="abc.png">
<style>
.black-back {
background-color: rgb(0,0,0);
}
</style>
我将图像插入div中并设置图像覆盖的大小，因此div将占用图像大小的空间。然而，如果你删除了背景属性，div占据了整行。我希望这是你正在寻找的。
<img class="black-back" src="abc.png">
<style>
.black-back img{
background-repeat:no-repeat;
background-size:cover;
}
.black-back {
background-color: rgb(0,0,0);
}
</style>下面的代码没有背景样式属性
<div class="black-back">
<img src="abc.png">
</div>
<style>
.black-back {
background-color: rgb(0,0,0);
}
</style>你可以这样做:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Page Title</title>
<style type="text/css">
.black-bg {
background: black;
}
</style>
</head>
<body>
<img class="black-bg" width="100" height="150" src="https://upload.wikimedia.org/wikipedia/commons/b/b6/Trifolium_hybridum_inflorescence_-_Keila.jpg" />
</body>
</html>