365体育备用网址报道HTML <img> 标签的 border 属性_365体育备用网址官网资讯

HTML5/tag_img.html">HTML <img> 标签

实例

下面的 HTML 能够发生不同粗细的图像边框:

<html>

<body>
<a href="/">
<img src="/i/eg_logo_365jz.gif" border="1" />
</a>

<br />

<a href="/">
<img src="/i/eg_logo_365jz.gif" border="2" />
</a>

<br />

<a href="/">
<img src="/i/eg_logo_365jz.gif" border="4" />
</a>

<br />

<a href="/">
<img src="/i/eg_logo_365jz.gif" border="8" />
</a>
</body>

</html>

PHP?filename=html_image_border">亲自试一试

定义和用法

<img> 标签的 border 属性规定图像周围的边框的宽度,就是说能够增加或去掉图像的边框。

注释:默认地,图像是没有边框的(除非图像在 a 元素内部)。

扫瞄器通常会把代替超链接的图像(例如包含在 <a> 标签中的图像)显示在两个像素宽的边框里面,以表示读者能够通过选择这个图像来访问相关联的文档。

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

注意:该属性在 HTML 4 和 XHTML 中也不再被推举使用了,同样是应该被样式所代替,但却依旧被流行扫瞄器很好地撑腰着。

延伸阅读:去掉图像的边框

扫瞄器撑腰

尽管不推举使用 border 属性,但是一切主流扫瞄器均撑腰该属性。

提示和注释

注释:HTML 4.01 不推举使用图像的 "border" 属性。在 XHTML 1.0 Strict DTD 和 HTML 5 中,不再撑腰该属性。

提示:请使用 CSS/css_border.html" title="CSS 边框">CSS 的边框属性 来改变元素的边框样式。您能够在一个外部样式表中使用 CSS 边框属性,为站点上的一切图像设置一致的边框。与单独为一个图像设置 border 属性相比,这种方式无疑拥有更高的效率。

兼容性注释

不推举使用 img 元素的 border 属性;在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中,不撑腰 img 元素的 border 属性。

请使用 CSS 代替。

CSS 语法:<img style="border:5px solid black">

CSS 实例:图像边框

在我们的 CSS 教程中,您能够找到澳门赔率特点有关 border 属性 的细节。

语法

<img border="value" />

属性值

描述
pixels 边框的宽度,以像素为单位。

TIY 实例

<img> 标签的 border 属性
本例演示如何使用 <img> 标签的 border 属性来改变图像的边框。

延伸阅读:去掉图像的边框

通过在 <img> 标签中使用 border="0" 属性,就能够把图像超链接周围的边框去掉。对于某些图像,特别是那些图像映射来说,没有边框可能会使页面的外观得到改善。而对于那些清楚地表示是指向其余图像的链接按钮,如果没有边框,图像看上去可能会更好。

虽然去掉边框不会降低文档的可用性,但还是要多加小心。因为没有边框就意味着去掉了一种非往往见的超链接视觉指示效果,这使得读者可能不会像原来那么很容易就能够找到这些链接。扫瞄器通常会在鼠标移动到超链接图像上的时刻改变鼠标指针的形状,但是不能盼望扫瞄器肯定会这样做,更不应该让用户在没有边框的图像上摸索,已找到那些隐藏的链接。

我们强烈推举你在使用无边框图像时,最好同时使用其余方法,以便你的读者知道应该在这些图像上单击。即使使用简单的文字,也很难使文档对于读者来说具有更好的可访问性。

HTML5/tag_img.html">HTML <img> 标签

------分隔线----------------------------

公布评论 (188人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换日博bet365官方网站
最新评论