诸暨汉妇网络科技有限公司

電腦技術(shù)網(wǎng) - 從此開始了解電腦、科技、手機、智能硬件、網(wǎng)絡(luò)相關(guān)的各項適用知識!

電腦技術(shù)網(wǎng)_it資訊_游戲攻略_手機教程_電腦教程_無線路由器設(shè)置_設(shè)置無線路由器_辦公軟件教程_電腦系統(tǒng)安裝_電腦維修知識

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

欄目:軟件教程
已被:人瀏覽過
當(dāng)前位置:電腦技術(shù)網(wǎng) > 電腦教程 > 軟件教程 > 正文
本文主要介紹:AdobeDreamweaver是一款非常好用的網(wǎng)頁代碼編輯軟件,在其中如果我們添加了圖片,希望設(shè)置圖片的居中對齊效果,小伙伴們知道具體該如何進行操作嗎,其實操作方法是非常簡單的,我們只需要

  Adobe Dreamweaver是一款非常好用的網(wǎng)頁代碼編輯軟件,在其中如果我們添加了圖片,希望設(shè)置圖片的居中對齊效果,小伙伴們知道具體該如何進行操作嗎,其實操作方法是非常簡單的,我們只需要進行幾個非常簡單的操作步驟就可以實現(xiàn)想要的效果了。小伙伴們可以打開自己的Adobe Dreamweaver后跟著下面的圖文步驟一起動手操作起來。如果小伙伴們還沒有Adobe Dreamweaver這款軟件,可以在文章末尾處進行下載和安裝,方便后續(xù)使用。接下來,小編就來和小伙伴們分享具體的操作步驟了,有需要或者是有興趣了解的小伙伴們快來和小編一起往下看看吧!

操作步驟

  第一步:雙擊打開Adobe Dreamweaver進入編輯界面;

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

  第二步:點擊切換到“代碼”視圖,將鼠標(biāo)定位到“body”標(biāo)簽處,如果兩個body連在一起,可以鼠標(biāo)定位到兩個body代碼中間位置,按兩次enter鍵創(chuàng)建空行,然后輸入img圖片標(biāo)簽,也可以在“插入”選項卡中點擊插入圖片自動生成代碼,插入圖片時如果彈出提示窗口,點擊確定就可以了;

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

  第三步:接著定位到head標(biāo)簽處,創(chuàng)建空行后,輸入style標(biāo)簽,并設(shè)置img的格式,text-align表示文本對齊方式,center表示居中;

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

  第四步:在界面上方點擊切換到“拆分”視圖,點擊“實時代碼”后,就可以可以看到設(shè)置的效果了,如果有需要,可以在圖片代碼處適當(dāng)調(diào)整圖大??;

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

  第五步:保存后,按F12鍵可以在瀏覽器中查看自己設(shè)計的網(wǎng)頁效果。

Adobe Dreamweaver中設(shè)置圖片水平居中的方法教程

  以上就是Adobe Dreamweaver中設(shè)置圖片水平居中對齊的方法教程的全部內(nèi)容了。如果有需要,我們也可以設(shè)置文字內(nèi)容的居中對齊效果,小伙伴們可以按需操作起來。

本文地址: http://www.laotiku.cn/rjjc/34877.html 手機版

相關(guān)推薦Related Recommendations