當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > html圖像元素的邊框屬性border

html圖像元素的邊框屬性border

2012/11/17 12:13:06作者：佚名來源：網絡

移動端

【實例介紹】

html圖像元素的邊框屬性border

默認情況下，圖像是沒有邊框的，通過border屬性可以為圖像添加邊框線?？梢栽O置邊框的寬度，但邊框的顏色是不可以設置的。當圖像上沒有添加鏈接的時候，邊框的顏色為黑色；當圖像上添加了鏈接時，邊框的顏色和鏈接文字顏色一致，默認為深藍色。

【基本語法】

<img src="url" border="圖像邊框的寬度">

【語法介紹】

(1)border的值用數字表示，默認單位為px。
(2)默認情況下圖片沒有邊框，即border=o。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<img src="5.1.4.jpg" width="400" height="386" />
<img src="5.1.4.jpg" width="400" height="386"  border="10"/>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的標記是使用border=“10”為圖像添加邊框的，在瀏覽器中預覽，可以看到添加的邊框效果為10像素，如圖所示。

圖像元素的邊框屬性border運行效果

【素材及源碼下載】

請點擊：html圖像元素的邊框屬性border 下載本實例相關素材及源碼

標簽： html

上一篇：html圖像元素的寬度、高度屬性width、height
下一篇：html圖像元素的對齊屬性align

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频