css 內邊距 外邊距 邊框

2021-07-04 13:13:43 字數 1741 閱讀 8952

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...