css學習筆記 背景

2021-10-04 10:54:53 字數 798 閱讀 4785

background

設定元素的背景

背景顏色與背景可以同時設定

background-position

設定從背景的什麼位置開始填充,按水平與垂直方向設定

可選值:

top、left、right、bottom

background-position

: left top;

也可以通過畫素來設定
background-position

: 100px 100px;

一般用於一張上有多個小圖示時,通過座標定位圖示位置進行設定背景。

background-size

設定背景的大小

background-origin

設定背景的偏移量,從盒子的什麼位置開始繪製

可選值:

background-clip

背景的顯示區域

可選值:

background-attachment

背景是否會隨著滑鼠滾動

可選值:

background

背景簡寫屬性

由於是外部資源,瀏覽器需要時才開始載入。

如果想一次性載入,可以將多張放在一張上,通過background-position定位的繪製位置。

只適用於小,過大,載入很慢,影響使用者體驗

背景漸變

background-image

:linear-gradient

(to top, #f00, #00f)

;

CSS學習筆記 背景

background color 屬性定義了元素的背景顏色。頁面的背景顏色使用在body的選擇器中 charset utf 8 prcorangetitle h1p divstyle head css background color 例項 h1 改文字插入在 div 元素中。該段落有自己的背景顏色...

CSS學習筆記(四) 背景

通過background color設定背景顏色,值可以為rgb通道或者顏色編碼,rgb通道可以設定透明度 article article article通過background image設定背景,注意不會撐開元素,不會改變元素大小 在預設情況下,背景會填充整個border內部,通過背景裁剪可以限...

CSS3學習筆記 背景

背景 background color backgound image backgound position backgound 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 背景是固定的 1 backgo...