使用CSS的严格HTML中的图像边框

需要一些改变( 我很惊讶听到它在 任何 浏览器 ,看起来基于webkit的浏览器不会像@Adriano在他的评论中提到的那样在图像链接周围设置边框

在里面 Html格式

<img src="img" class="mystyle" />

style 属性是直接分配属性值,而不是引用css规则。这个 class 属性用于此。

CSS

.mystyle
{
    border: 0px;
}

因为为了表示一个阶级规则 . # 对于ID ). 我们移除了 img 因为这意味着你想 包含在具有 mystyle 上课。

.我的风格 边框:0px; }

在html中,使用“类”标记,而不是“样式”标记。当在行Css中包含时,您将使用样式,例如:

<img href="img" style="border: none;" />

首先,应该是 class="mystyle" style="mystyle" .

其次,因为 <img mystyle

您定义的CSS用于名为 我的风格 img .

实际上,您想要如何定义样式是 img.mystyle

img.mystyle {
    border:0px;
}

你的HTML会是这样的:

<img src="img" class="mystyle" />

但老实说,我更愿意把这个申请 全部的 图像,这样我就不用担心 我的风格 img公司 自行移除任何边界。如果以后需要将一个添加到特定图像中,可以始终覆盖它,但我宁愿在默认情况下关闭它。

至于最初的代码是如何在Chrome/Safari而不是Firefox/IE中工作的神秘之处:我怀疑Chrome/Safari已经放弃了默认的边界。所以他们不是为你工作,更重要的是那些浏览器甚至不需要你这样做,而Firefox和IE仍然在使用旧的默认样式的图像链接,默认给他们一个边框,所以他们确实需要覆盖。

<img src="img" class="mystyle" /> ?

我的问题是你没有很好地抓住css。 **.**mystyle img

<a href="link" ><img style="border: 0px" src="http://www.google.com/images/nav_logo16.png"  /></a>