1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。
例子 padding-left:20px; 屬性
描述padding
簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。
padding-bottom
設定元素的下內邊距。
padding-left
設定元素的左內邊距。
padding-right
設定元素的右內邊距。
padding-top
設定元素的上內邊距。
2.邊框 css border 屬性允許你規定元素邊框的樣式、寬度和顏色。
屬性描述
border
簡寫屬性,用於把針對四個邊的屬性設定在乙個宣告。
border-style
用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。
border-width
簡寫屬性,用於為元素的所有邊框設定寬度,或者單獨地為各邊邊框設定寬度。
border-color
簡寫屬性,設定元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定顏色。
border-bottom
簡寫屬性,用於把下邊框的所有屬性設定到乙個宣告中。
border-bottom-color
設定元素的下邊框的顏色。
border-bottom-style
設定元素的下邊框的樣式。
border-bottom-width
設定元素的下邊框的寬度。
border-left
簡寫屬性,用於把左邊框的所有屬性設定到乙個宣告中。
border-left-color
設定元素的左邊框的顏色。
border-left-style
設定元素的左邊框的樣式。
border-left-width
設定元素的左邊框的寬度。
border-right
簡寫屬性,用於把右邊框的所有屬性設定到乙個宣告中。
border-right-color
設定元素的右邊框的顏色。
border-right-style
設定元素的右邊框的樣式。
border-right-width
設定元素的右邊框的寬度。
border-top
簡寫屬性,用於把上邊框的所有屬性設定到乙個宣告中。
border-top-color
設定元素的上邊框的顏色。
border-top-style
設定元素的上邊框的樣式。
border-top-width
設定元素的上邊框的寬度。 屬性
描述css
border-image
設定所有 border-image-* 屬性的簡寫屬性。
3border-radius
設定所有四個 border-*-radius 屬性的簡寫屬性。
3box-shadow
向方框新增乙個或多個陰影。3
3.css 外邊距 margin
屬性描述
margin
簡寫屬性。在乙個宣告中設定所有外邊距屬性。
margin-bottom
設定元素的下外邊距。
margin-left
設定元素的左外邊距。
margin-right
設定元素的右外邊距。
margin-top
設定元素的上外邊距。
外邊距 內邊距 邊框詳解
外邊距 margin margin可以設定盒子和盒子之間的距離 若想要盒子水平居中,則必須滿足兩個條件 1 盒子必須設定寬度 2 讓左右外邊距為auto margin 10px auto 若想要讓行內元素或行內塊元素水平居中,則只需要給其父元素新增text align center 即可 有關外邊距...
學習記錄 css 內邊距 邊框和外邊距
不可運用與行內非替換元素 父元素的背景 百分數相對于父元素width計算,不論上下還是左右 對於定位元素上下外邊距則不同 margin 上右下左 上 右左 下 上下 右左 負外邊距 上下外邊距合併 行內非替換元素只受left和right影響,top和bottom不會影響行高 border width...
CSS內邊距和外邊距
一 內邊距 css padding 屬性定義內邊距,即邊框與元素內容之間的空白區域 padding 屬性接受長度值或百分比值,但不允許使用負值 可以依次表達,也可以按照上右下左的順序分別設定各邊的內邊距,各邊均可以使用不同的單位或百分比值 例如h1 等效於 h1 百分數值是相對於其父元素的 widt...