」定義圖示;最後透過「align="center"」屬性實作圖片居中即可。"/> 」定義圖示;最後透過「align="center"」屬性實作圖片居中即可。">

首頁  >  文章  >  web前端  >  html怎麼把圖片居中

html怎麼把圖片居中

藏色散人
藏色散人原創
2021-04-12 09:28:4745167瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn