css如何定義div的寬度和高度

在css中 , 使用width和height屬性便可以定義div的度度和高度 。 下面小編舉例講解css如何定義div的寬度和高度 。

css如何定義div的寬度和高度



需要這些哦
html+css
代碼編纂器:Dreamweaver CS5
方式/
1新建一個html文件 , 定名為test.html , 用于講解css若何界說div的寬度和高度 。
css如何定義div的寬度和高度



2在test.html文件內 , 利用div標簽建立一個模塊 , 下面將對div設置寬度和高度 。

css如何定義div的寬度和高度



3在test.html文件內 , 設置div標簽的class屬性為kkdiv , 用于下面設置樣式 。

css如何定義div的寬度和高度



4在test.html文件內 , 編寫<style type="text/css"></style>標簽 , 頁面的css樣式將寫在該標簽內 。
css如何定義div的寬度和高度



5在css標簽中 , 經由過程class設置div的樣式 , 利用width屬性設置div的寬度為200px , 利用height屬性設置div的高度為200px , 并利用background屬性設置布景顏色為藍色 。

css如何定義div的寬度和高度



6在瀏覽器打開test.html文件 , 查看實現的結果 。
css如何定義div的寬度和高度



總結:11、利用div標簽建立一個模塊 , 并設置其class屬性 。
【css如何定義div的寬度和高度】2、在css中 , 經由過程class設置div樣式 , 利用width屬性和height屬性設置div的寬度和高度 。


注重事項寬度與高度的單元還可以利用rem , 百分比等 。

以上內容就是css如何定義div的寬度和高度的內容啦 , 希望對你有所幫助哦!

    猜你喜歡