background:背景顏色 背景 背景平鋪 背景定位 背景滾動;
注:沒有固定的順序,但是一般這樣寫;
background-image:none | url(路經) ; 預設none
background-repeat:repeat | no-repeat | repeat-x repeat-y; 預設repeat
background-position:定位背景的位置
方位名詞(top bottom left right center) (只寫乙個,另乙個預設為center)
px單位
background-attachment:scroll | fixed 預設scroll
2. 背景大小
eg:只設定1個值時:background-size: 100px;
屬性值單位--百分比
eg:只設定1個值時:background-size: 100%;
屬性值--cover
屬性值--contain(盒子包含背景)
3.舉例說明、
4.精靈圖
[1]精靈圖(sprites,雪碧圖)的優點
[2]精靈圖的使用
[3]舉例說明
----在此張中,選擇自己需要的字母
----**---background-position的x,y值需要借助工具 mark man
css背景相關屬性和盒子
rgb red greed bule 0.0.256 0010ff css中的顏色表示方式 預定義顏色 bule。red。black 16進製制顏色 0f0f0f rgb顏色 128.0.0 全紅 rgba在rgb的基礎上又新增了表示透明度的alpha hsl 用色調,飽和度,和透明度三個分量來表示...
CSS之盒子模型與背景屬性
盒子模型與背景屬性 一.盒子模型 1.介紹 2.元素的總寬度和總高度 二.自定義邊框 border 1.基本設定 2.邊框寬度 border width 3.邊框顏色 border color 4.邊框樣式 border style 5.css的邊寬和高度 width height 三.背景 bac...
CSS背景屬性
背景顏色屬性 background color 這個屬性為html元素設定背景顏色,相當於html中bgcolor屬性。body 上面的 表示body這個html元素的背景顏色是翠綠色的。背景屬性 background image 這個屬性為html元素設定背景,相當於html中background...