图像的边框

实例

下面的超文本（HTML ）可以产生不同粗细的图像边框：

<网页>
<主体>
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“1“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“2“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“4“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“8“ />
</超链接>
</主体>
</网页>

定义和用法

<图像> 标签的边框属性规定图像周围的边框的宽度，就是说可以增加或去掉图像的边框。

注释：默认地，图像是没有边框的（除非图像在超链接元素内部）。

浏览器通常会把代表超链接的图像（例如包含在 <超链接> 标签中的图像）显示在两个像素宽的边框里面，以表示读者可以通过选择这个图像来访问相关联的文档。

使用边框属性和一个用像素表示的宽度值就可以去掉 (边框="0") 或加宽图像的边框。

注意：该属性在 HTML 4 和 XHTML 中也不再被推荐使用了，同样是应该被样式所代替，但却依然被流行浏览器很好地支持着。

浏览器支持

尽管不推荐使用边框属性，但是所有主流浏览器均支持该属性。

提示和注释

注释：HTML 4.01 不推荐使用图像的 "边框" 属性。在 XHTML 1.0 严格的DTD 和 HTML 5 中，不再支持该属性。

提示：请使用层叠样式表的边框属性来改变元素的边框样式。您可以在一个外部样式表中使用层叠样式表边框属性，为站点上的所有图像设置一致的边框。与单独为一个图像设置边框属性相比，这种方式无疑拥有更高的效率。

兼容性注释

不推荐使用图像元素的边框属性；在 HTML 4.01 严格的以及 XHTML 1.0 严格的 DTD 中，不支持图像元素的边框属性。

请使用层叠样式表代替。

层叠样式表语法：<图像样式="边框:5像素实线黑色">

<网页>
<主体>
<图像资源地址=“https://www.w3school.com.cn/i/eg_cute.gif“ 样式=“边框:5像素实线黑色“ />
</主体>
</网页>

语法

<图像 边框="值" />

属性值

值	描述
像素	边框的宽度，以像素为单位。

实例

<图像> 标签的边框属性: 本例演示如何使用 <图形> 标签的边框属性来改变图像的边框。; <网页>
<主体>
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“1“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“2“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“4“ />
</超链接>
<换行 />
<超链接超引用=“https://www.w3school.com.cn/index.html“>
<图像资源地址=“https://www.w3school.com.cn/i/eg_logo_w3school.gif“ 边框=“8“ />
</超链接>
</主体>
</网页>