首頁 > web前端 > html教學 > HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作

HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 16:40:37
原創
1905 人瀏覽過
圖像標記:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
在頁面中插入圖像,我們需要使用"img"標記,它的屬性是"src"
例如代碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:


在這裡我們假設圖片檔案和html檔案在相同的目錄中。
同樣我們可以給出影像檔案的完整路徑。
例如:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
寬度和高度:
透過使用屬性中的寬度和高度來校正在網頁中顯示圖像的大小。
例如程式碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:


對齊:
我們可以使用屬性中的"align"來對齊影像。
把屬性值設定成:left/right/center
例如程式碼:
HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作 
結論:




邊框:
我們可以使用屬性中的"border"來設定影像周圍的邊框。這可以用於創建在圖像周圍的空間。
例如程式碼:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
 
結論:HTML教學:圖片大小對齊間隔邊框屬性修改方法介紹_HTML/Xhtml_網頁製作
相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
圖片大小如何設定?
來自於 1970-01-01 08:00:00
0
0
0
javascript - 怎麼取得圖片的檔案大小
來自於 1970-01-01 08:00:00
0
0
0
objective-c - UITabBarItem上圖片的大小怎麼設定
來自於 1970-01-01 08:00:00
0
0
0
MongoDB分片插入單一文件的大小有限制嗎?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板