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

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

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

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

欄目:軟件教程
已被:人瀏覽過
當(dāng)前位置:電腦技術(shù)網(wǎng) > 電腦教程 > 軟件教程 > 正文
本文主要介紹:AdobeDreamweaver是很多小伙伴都在使用的一款網(wǎng)頁代碼編輯軟件。我們經(jīng)常在各種瀏覽器中查看各種網(wǎng)頁,其實(shí)我們自己也可以設(shè)計(jì)一定的網(wǎng)頁。如果我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)希望設(shè)置文字水平居中對(duì)齊

  Adobe Dreamweaver是很多小伙伴都在使用的一款網(wǎng)頁代碼編輯軟件。我們經(jīng)常在各種瀏覽器中查看各種網(wǎng)頁,其實(shí)我們自己也可以設(shè)計(jì)一定的網(wǎng)頁。如果我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)希望設(shè)置文字水平居中對(duì)齊,小伙伴們知道具體該如何進(jìn)行操作嗎,其實(shí)操作方法是非常簡單的。我們只需要進(jìn)行幾個(gè)非常簡單的操作步驟就可以實(shí)現(xiàn)想要的效果了。小伙伴們可以打開字簡單Adobe Dreamweaver后一起動(dòng)手操作起來,如果小伙伴們還沒有這款軟件,可以在文末下載。接下來,小編就來和小伙伴們分享具體的操作步驟了,有需要或者是有興趣了解的小伙伴們快來和小編一起往下看看吧!

操作步驟

  第一步:雙擊打開Adobe Dreamweaver,新建HTML網(wǎng)頁;

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

  第二步:點(diǎn)擊切換到“代碼”視圖,將鼠標(biāo)定位到“body”標(biāo)簽處,如果兩個(gè)body連在一起,可以鼠標(biāo)定位到兩個(gè)body代碼中間位置,按兩次enter鍵創(chuàng)建空行,然后輸入div標(biāo)簽和需要的文字內(nèi)容;

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

  第三步:接著定位到head標(biāo)簽處,創(chuàng)建空行后,輸入style標(biāo)簽;

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

  第四步:在style標(biāo)簽中設(shè)置div標(biāo)簽的樣式效果,寬度和高度為200,背景顏色為粉色,文本對(duì)齊方式為居中對(duì)齊;

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

  第五步:在界面上方點(diǎn)擊切換到“拆分”視圖,點(diǎn)擊“實(shí)時(shí)代碼”后,既可以看到設(shè)置的效果了。

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

  以上就是Adobe Dreamweaver中設(shè)置文字居中對(duì)齊的方法教程的全部內(nèi)容了。如果有需要,我們還可以適當(dāng)設(shè)置文字的字體字號(hào)等格式,小伙伴們感興趣的話都可以去嘗試操作一下。

本文地址: http://www.laotiku.cn/rjjc/34876.html 手機(jī)版

相關(guān)推薦Related Recommendations