html - 如何使用 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>

score 2 · Accepted Answer

2

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

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

于 2013-06-18T06:19:51.807 回答

score 0 · Accepted Answer

添加 id 或类到

<map id="locks">

#locks {
    border: 0;
}

或者

<map class="locks">

.locks {
    border: 0;
}

score 0 · Accepted Answer

好吧，你把两件事混为一谈

lock 是地图的名称。

尝试使用

创建一个不同的 css 类并在地图或图像标签中使用它

score 0 · Accepted Answer

我目前正在上课，这个问题是我作业的一部分。正确答案是：

img[usemap] {
  border: 0px;
}

pg上有一节。本书的 169 篇（HTML 和 CSS，第 6 版）涵盖了属性选择器。这将是列表中的第 4 个选择器示例。

4 回答 4