Dreamweaver中文本對(duì)齊方式有哪些?
定義文本對(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段文本。
第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ì)齊(按鈕 ),如圖所示。
第4步,切換到代碼視圖,可以看到Dreamweaver自動(dòng)生成的樣式代碼如下所示。
點(diǎn)擊加載更多評(píng)論>>