CSS設定精選版(框模型)

2021-08-29 21:32:58 字數 1036 閱讀 8669

1、框模型概述:

2、padding和margin的四個屬性順序分別是 上 右 下 左,這些值不止做用於div中,還做用於table中。如果缺少下值,則取上值,如果缺少左值,則取右值

3、邊框背景在瀏覽器中的區別:值描述

none

定義無邊框。

hidden

與 "none" 相同。不過應用於表時除外,對於表,hidden 用於解決邊框衝突。

dotted

定義點狀邊框。在大多數瀏覽器中呈現為實線。

dashed

定義虛線。在大多數瀏覽器中呈現為實線。

solid

定義實線。

double

定義雙線。雙線的寬度等於 border-width 的值。

groove

定義 3d 凹槽邊框。其效果取決於 border-color 的值。

ridge

定義 3d 壟狀邊框。其效果取決於 border-color 的值。

inset

定義 3d inset 邊框。其效果取決於 border-color 的值。

outset

定義 3d outset 邊框。其效果取決於 border-color 的值。

4.1 分別設定邊框屬性:border-top-style  border-right-style  border-bottom-style  border-left-style

4.2 邊框寬度:border-width:

4.4 邊框顏色:border-color,屬性順序依次為 上 右 下 左

4.4 分別設定邊框顏色:border-top-color  border-right-color  border-bottom-color  border-left-color

4.5 透明邊框:border-color: transparent; 如:

a:link, a:visited

a:hover

注意:ie6不支援

5、對於span等行內框,如果要改變高度,需要設定line-height屬性。

CSS設定精選版(基礎一)

1 定義虛線並且指定顏色的邊框 border 1px dotted 000 2 選擇器 元素基於類 td.fancy 注意 元素和類名之間沒有空格 html中表示為 4 指定背景 background image url i eg bg 03.gif 4.1 平鋪 background repeat...

CSS 框模型(八)

css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。元素框的最內部分是實際的內容,直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距,外邊距預設是透明的,因此不會遮擋其後的任何元素。一旦為頁面設定了恰當的 dtd,大多數瀏...

CSS 框模型概述

css 框模型 box model 規定了元素框處理元素內容 內邊距 邊框 和 外邊距 的方式。內邊距 邊框和外邊距都是可選的,預設值是零。但是,許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 margin 和 padding 設定為零來覆蓋這些瀏覽器樣式。這可以分別進行,也可以使用...