1. 程式人生 > >div style 常用屬性

div style 常用屬性

https://wenku.baidu.com/view/471e23210722192e4536f615.html
一、常用屬性:
1、Height:設定div的高度
2、Width:設定div的寬度
例如:

<div style="width:200px;height:200px;background-color:Black;"> 
    我是高度,寬度測試
</div> 

在這裡插入圖片描述
px就是一個單位,指定固定值。
% 是相對的,比如父容器寬度為100px的話,如果它裡面標籤定義了寬度為50%,那麼這個標籤的寬度折算就是50px,當前單位不止px,其實px跟%沒有什麼聯絡

3、margin:用於設定div的外延邊距,也就是到父容器的距離
可以用%也可以用px
例如:

<div style="width:500px;height:500px;background-color:Black;"> 
    <div style="margin-left: 50px;margin-top: 5px;width: 200px;height: 200px;background-color: white">
        </div>
        </div> 

說明:margin:後面跟有四個距離分別為到父容器的上右下左邊的距離,可以看例子中白色的div到黑色的div的邊距離效果,還可以分別設定這四個邊的距離,用到的屬性如下:
4、margin-left
5、margin-right
6、margin-top
7、margin-bottom

8、padding:用於設定div的內邊距:
例如

在這裡插入程式碼片