如何使用HTML和CSS3刪除圖像彩色邊框

Question

我想爲包含usemap屬性的內嵌圖像創建樣式規則，並將此圖像周圍的邊框設置爲0像素。

我已經試過：

#locks {border: 0px;} 

這裏是我的形象圖：

<img src="locks.jpg" alt="lock links" width="510" height="110" usemap="#locks" /> 

<map name="locks"> 
... 
</map> 

Answer 1

<img usemap="locks"> 
... 
</map> 

img[usemap=locks] { 
    border: none; 
} 

Attribute Selectors - W3C

Answer 2

添加ID或類

<map id="locks"> 

#locks { 
    border: 0; 
} 

或

<map class="locks"> 

.locks { 
    border: 0; 
} 

Answer 3

以及你兩兩件事混淆

鎖是地圖的名稱。

使用

創建一個不同的CSS類，並在地圖或影像標記

Answer 4

我目前採取的類，這個問題是我的任務的一部分，用它嘗試。正確答案是：

img[usemap] { 
    border: 0px; 
} 

有關於pg的一節。本書的169章（HTML和CSS，第6版）涵蓋了屬性選擇器。這將是列表中的第4個選擇器示例。