如何將圖像的背景顏色設置為黑色？
[英]How to set background colour of an image as black colour?
問題描述
我有一個 html 圖像
<img src="abc.png">
我想在瀏覽器中以較慢的連接加載圖像時。 圖像的背景/占位符顯示為黑色。 是否可以通過為圖像提供 class 然后設置 css 屬性 background-color: black;
<img class="black-back" src="abc.png">
<style>
.black-back {
background-color: rgb(0,0,0);
}
</style>
2 個解決方案
解決方案1
2 已采納 2021-08-29 03:42:41
我將圖像插入 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>
解決方案2
1 2021-08-29 03:40:56
你可以這樣做：
<;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>
使用 Php 我想知道如何從用戶那里獲取顏色輸入並將該顏色設置為頁面的背景
[英]Using Php i want to know how to get a colour input from a user and set that colour to the background of the page
如何在同一元素上同時設置背景色和不同的文本顏色
[英]How to set both a background colour and a different text color on the same element
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.