DIV CSS 佈局教程網

本文和大家重點討論一下DIV style常用屬性的用法，常用屬性主要包括Height：設置DIV的高度，Width：設置DIV的寬度，以及margin和Padding等屬性。

DIV style常用屬性

一、常用屬性：

1、Height:設置DIV的高度。

2、Width:設置DIV的寬度。

例：

<divstyledivstyle="width:200px;height:200px;  
background-color:Black;">div> 
 

3、margin:用於設置DIV的外延邊距，也就是到父容器的距離。

例：

1<divstyledivstyle="background-color:Black;width:500px;height:500px;"> 
2  
3<divstyledivstyle="margin:5px10px20px30px;width:200px;  
height:200px;background-color:White;"> 
4  
5div> 
6  
7div> 
 

說明：margin:後面跟有四個距離分別為到父容器的上-右-下-左邊的距離；可以看例子中的白色DIV到黑色DIV的邊距離效果。還可以分別設置這四個邊的距離，用到的屬性如下：

4、margin-left:到父容器左邊框的距離。

5、margin-right:到父容器右邊框的距離。

6、margin-top:到父容器上邊框的距離。

7、margin-bottom:到父容器下邊框的距離。

例：

代碼

1<divstyledivstyle="width:500px;height:500px;background-color:Black;"> 
2  
3<divstyledivstyle="margin-left:50px;margin-top:50px;width:200px;height:200px;  
4  
5background-color:White;"> 
6  
7div> 
8  
9div> 
10