成人一区二区三区免费视频,蜜芽美女尻屄视频在线观看,国产精品无码好硬好爽好深网站,中年肥胖熟女视频一区二区三区

電腦技術網 - 從此開始了解電腦、科技、手機、智能硬件、網絡相關的各項適用知識!

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

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

操作步驟

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

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

Adobe Dreamweaver中設置圖片水平居中的方法教程

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

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

相關推薦Related Recommendations