<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 圖像標(biāo)簽 </title>
</head>
<body>
<!--圖片的指定了寬度后,不指定高度,將會(huì)成比例的縮放
border:1px solid red; 1px 表示邊框的寬度 solid 表示實(shí)線 red 表示顏色, 順序可以隨意
rgb [FF FF FF] border 的樣式的選擇 css 的邊框的說(shuō)明去找
title : 表示鼠標(biāo)移動(dòng)會(huì)出現(xiàn)的效果
alt: 表示圖片不能正確顯示時(shí),出現(xiàn)的文字
寬度如果是固定的像素,就不會(huì)變化大小,如果是 百分比,會(huì)隨窗口的變化而變化
-->
<img src="niu.png" style="border:#0000FF 10px double;" bordercolor="red" width="30%" title="這是一頭牛,太牛了!" alt="確實(shí)是一頭牛!">
<img src="niu.png">
<img src="niu.png">
<img src="niu.png">
<img src="niu.png">
<img src="niu.png">
<img src="niu.png">
<img src="niu.png">
</body>
</html>
Day.12.12 HTML圖像標(biāo)簽
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 1、HTML中的圖像 IMG標(biāo)簽 屬性名稱 屬性值 說(shuō)明 src 圖像鏈接地址 ...
- 因?yàn)殒⒚帽姸?,我的童年不寂寞,充滿了競(jìng)爭(zhēng),我有一個(gè)強(qiáng)勢(shì)的大姐,老實(shí)的二姐,聰明伶俐的小姐姐,還有一個(gè)狡猾靈動(dòng)的大妹...