當前位置: 首頁 > 攻略教程 > 軟件教程 > dreamweaver cs6設置div標簽寬度以及高度的相關使用教程

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程

時間:2024-07-03 20:05:13 編輯:易網VIP游戲門戶 閱讀:0

對于dreamweaver cs6設置div標簽寬度以及高度的操作有許多網友咨詢過,小編今日就帶來了dreamweaver cs6設置div標簽寬度以及高度的操作過程,一起好好學習下吧!

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程

首先我們先打開dreamweaver cs6軟件,建立一個站點后,新建一個HTML文件。

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

然后我們在上面找到插入后點擊,然后選擇【布局對象】——【Div標簽】

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖 dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

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

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

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

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

再設置寬高分別為400px。

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

確定后返回設計頁面,查看div標簽。

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

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

dreamweaver cs6設置div標簽寬度以及高度的相關使用教程截圖

根據上文為你們講述的dreamweaver cs6設置div標簽寬度以及高度的詳細操作流程,相信你們應該都學會了吧!