位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

Dreamweaver中文本對(duì)齊方式有哪些?

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-11-10

定義文本對(duì)齊

文本對(duì)齊方式是指文本行相對(duì)文檔窗口或者瀏覽器窗口在水平位置上的對(duì)齊方式,共包括4種方式:左對(duì)齊、居中對(duì)齊、右對(duì)齊和兩端對(duì)齊

【操作步驟】

第1步,啟動(dòng)Dreamweaver CC,打開(kāi)練習(xí)文檔test.html,按F12鍵預(yù)覽則默認(rèn)顯示效果如圖所示。整個(gè)文檔包含1個(gè)一級(jí)標(biāo)題、1個(gè)二級(jí)標(biāo)題和4段文本。image.png

第2步,另存網(wǎng)頁(yè)為testl.html。在編輯窗口中選中一級(jí)標(biāo)題文本,在“屬性”面板中切換到CSS 選項(xiàng)卡,單擊“居中對(duì)齊”按鈕,讓標(biāo)題居中顯示。

第3步,以同樣的方式設(shè)置二級(jí)標(biāo)題居中顯示,第1段文本左對(duì)齊(按鈕),第2段文本居 中對(duì)齊(按鈕),第3段文本右對(duì)齊(按鈕),第4段文本兩端對(duì)齊(按鈕 ),如圖所示。image.png

第4步,切換到代碼視圖,可以看到Dreamweaver自動(dòng)生成的樣式代碼如下所示。{][HL1J9M(2A79NE)N5G`Y5.png

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部