當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程

時(shí)間:2024-07-03 20:05:13 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

對(duì)于dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的操作有許多網(wǎng)友咨詢過,小編今日就帶來了dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的操作過程,一起好好學(xué)習(xí)下吧!

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程

首先我們先打開dreamweaver cs6軟件,建立一個(gè)站點(diǎn)后,新建一個(gè)HTML文件。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

然后我們在上面找到插入后點(diǎn)擊,然后選擇【布局對(duì)象】——【Div標(biāo)簽】

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖 dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

接著我們在插入Div標(biāo)簽的窗口中,設(shè)置類為“a”,并新建CSS規(guī)則,點(diǎn)擊確定。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

這時(shí)在【.a的CSS規(guī)則定義】的窗口中,在分類找到【方框】后,修改Width(寬)和Height(高)。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

再設(shè)置寬高分別為400px。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

確定后返回設(shè)計(jì)頁面,查看div標(biāo)簽。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

若是再次修改,就在CSS樣式窗口中找到【.a】然后雙擊,即打開【.a的CSS規(guī)則定義】,如下圖所示,然后用同樣的方法再次修改即可。

dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的相關(guān)使用教程截圖

根據(jù)上文為你們講述的dreamweaver cs6設(shè)置div標(biāo)簽寬度以及高度的詳細(xì)操作流程,相信你們應(yīng)該都學(xué)會(huì)了吧!