css學習之邊框樣式 外邊距合併

2021-07-25 04:42:04 字數 927 閱讀 6410

邊框的樣式:

border-style:定義了10個不同的非繼承樣式,包括none

邊框的單邊框樣式:

border-top-style

border-left-style

border-right-style

border-bottom-style

邊框的寬度:

border-width

單邊框:

border-top-width

border-left-width

border-right-width

border-bottom-width

邊框顏色、邊框的單邊框顏色:

border-color

border-top-color

border-left-color

border-right-color

border-bottom-color

css3邊框:

border-radius:圓角邊框

box-shadow:邊框陰影

外邊距合併:

外邊距合併就是乙個疊加的概念。

效果圖

html:

hello

hello

css:

body

.container

.bd.pd

.content

.container1

.bd1

.pd1

.content1

div外邊距合併的話,如果乙個div的外邊距是100px;乙個外邊距是50px;那麼最終按照100px來進行合併。

css 內邊距 外邊距 邊框

1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...

CSS 外邊距合併

做了個div 巢狀div的實驗,父div和子div都有margin邊距 發現margin top 10px 根本不起作用,後來發現是外邊框合併問題,他會合併取兩者大的邊距,如果子div的邊距是30px 那麼父子div還是會貼著 只是,父div外邊距會變成30的效果 外邊距合併指的是,當兩個垂直外邊距...

CSS外邊距合併

外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外邊距的高度等於兩個發生合併的外邊距的高度中的較大者。外邊距合併 疊加 是乙個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,外邊距合併指的是,當兩個垂直外邊距相遇時,它們將形成乙個外邊距。合併後的外...