html怎麼把圖片居中

藏色散人
發布: 2023-01-04 09:36:01
原創
45155 人瀏覽過

html把圖片居中的方法:先建立一個HTML範例檔案;然後用“”定義圖示;最後透過「align="center"”屬性實現圖片居中即可。

html怎麼把圖片居中

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

開啟程式碼編輯器,這裡以ATOM為示範。

html怎麼把圖片居中

建立一個新的html文件。

html怎麼把圖片居中

首先我們要定義一下HTML格式,然後把整個文件的基本機構定義起來。 HEAD和BODY注意分開。

html怎麼把圖片居中

這時候用定義圖標,把圖片的連結放在src裡面。

html怎麼把圖片居中

看一下,圖片預設會在左邊。

html怎麼把圖片居中

這個時候我們為了和其他部分區分,可以單獨定義一個區域給圖片,用div即可。

html怎麼把圖片居中

然後在div這裡我們加上align="center",然後儲存一下檔案。

html怎麼把圖片居中

開啟HTML檔案就會發現圖片居中了。

html怎麼把圖片居中

HTML影片教學

#

以上是html怎麼把圖片居中的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!