這是我的（相關）css代碼：
li a {
display: block;
font-weight:bolder;
color: #000;
padding: 8px 16px;
text-decoration: none;
background-image: url('004.jpg')
}
/* Change the link color on hover */
li a:hover {
background-color: #555;
color: white;
}
我已經嘗試使用雙引號、單引號和不帶引號的 URL，但它仍然無法正常作業。有人可以幫我弄這個嗎？
非常感謝您的明智建議。
uj5u.com熱心網友回復：
您的代碼實際上有效（請參見下面的代碼段），我沒有更改任何內容，只提供了最小的 html。可能是因為你走錯了img路。首先，您需要將影像移動到您的代碼/專案根目錄。之后，嘗試在您的名字之前添加./or ，如下所示： / 。/img'./004.jpg''/004.jpg'
li a {
display: block;
font-weight:bolder;
color: #000;
padding: 8px 16px;
text-decoration: none;
background-image: url('https://images.unsplash.com/photo-1612528443702-f6741f70a049?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1480&q=80')
}
/* Change the link color on hover */
li a:hover {
background-color: #555;
color: white;
}<li>
<a href="#">My Text</a>
</li>更多關于如何在此處使用 css 添加背景影像。
uj5u.com熱心網友回復：
試試這個。沒有引號，而background不是background-image. 另外，請確保檔案路徑正確。
background: url(004.jpg);
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/410711.html
標籤：