您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > html5教程 > HTML <img> 標簽的 border 屬性

HTML <img> 標簽的 border 屬性

此節(jié)有 399 人學習過參與評論

實例

下面的 HTML 可以產(chǎn)生不同粗細的圖像邊框：

<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>

親自試一試

定義和用法

<img> 標簽的 border 屬性規(guī)定圖像周圍的邊框的寬度，就是說可以增加或去掉圖像的邊框。

注釋：默認地，圖像是沒有邊框的（除非圖像在 a 元素內(nèi)部）。

瀏覽器通常會把代表超鏈接的圖像（例如包含在 <a> 標簽中的圖像）顯示在兩個像素寬的邊框里面，以表示讀者可以通過選擇這個圖像來訪問相關(guān)聯(lián)的文檔。

使用 border 屬性和一個用像素表示的寬度值就可以去掉 (border="0") 或加寬圖像的邊框。

注意：該屬性在 HTML 4 和 XHTML 中也不再被推薦使用了，同樣是應該被樣式所代替，但卻依然被流行瀏覽器很好地支持著。

瀏覽器支持

盡管不推薦使用 border 屬性，但是所有主流瀏覽器均支持該屬性。

提示和注釋

注釋：HTML 4.01 不推薦使用圖像的 "border" 屬性。在 XHTML 1.0 Strict DTD 和 HTML 5 中，不再支持該屬性。

提示：請使用 CSS 的邊框?qū)傩?/a> 來改變元素的邊框樣式。您可以在一個外部樣式表中使用 CSS 邊框?qū)傩?，為站點上的所有圖像設置一致的邊框。與單獨為一個圖像設置 border 屬性相比，這種方式無疑擁有更高的效率。

兼容性注釋

不推薦使用 img 元素的 border 屬性；在 HTML 4.01 Strict 以及 XHTML 1.0 Strict DTD 中，不支持 img 元素的 border 屬性。

請使用 CSS 代替。

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

CSS 實例：圖像邊框

在我們的 CSS 教程中，您可以找到更多有關(guān) border 屬性的細節(jié)。

語法

<img border="value" />

屬性值

值	描述
pixels	邊框的寬度，以像素為單位。

TIY 實例

<img> 標簽的 border 屬性: 本例演示如何使用 <img> 標簽的 border 屬性來改變圖像的邊框。

五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

HTML <img> 標簽的 border 屬性

實例

定義和用法

瀏覽器支持

提示和注釋

兼容性注釋

語法

屬性值

TIY 實例

延伸閱讀：去掉圖像的邊框

您可能感興趣的文章:

公司信息

快速入口

其它欄目

業(yè)務咨詢