首頁 > web前端 > html教學 > html圖片怎麼居中

html圖片怎麼居中

藏色散人
發布: 2023-01-04 09:34:03
原創
76685 人瀏覽過

html圖片居中的設定方法:先建立一個新的html文件;然後定義一下HTML格式,並把整個文件的基本機構定義起來;接著用「html圖片怎麼居中

html圖片怎麼居中

本文操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦

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

html圖片怎麼居中

建立一個新的html文件。

html圖片怎麼居中

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

html圖片怎麼居中

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

html圖片怎麼居中

看一下,圖片預設會在左邊。 【推薦學習:《HTML影片教學》】

html圖片怎麼居中

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

html圖片怎麼居中

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

html圖片怎麼居中

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

html圖片怎麼居中

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板