頁面中可以用 jpg 或者 gif 作為背景圖,這與向網頁中插入不同,背景影象放在網頁的最底層,文字和等都位於其上。
background-clip 屬性的語法格式如下:
background-clip: border-box | padding-box | content-box | text
background-origin 屬性的語法格式如下:
background-origin: border-box | padding-box | content-box
background-size 屬性的語法格式如下
background-size: [ | | auto ] | cover | contain
實際上,css3 並沒有為實現多背最提供對應的屬性,而是通過為 background-image、background-repeat、background-position、background-size 等屬性提供多個屬性值(各個屬性值之間以英文逗號分隔)來實現。
縮寫示例:
background: #fff url(img.png) no-repeat fixed 0 0 ;
CSS背景的相關屬性
div1 div1 contain 包含 等比例縮放,直到最大部分填滿容器有可能會出現覆蓋不完整的效果 length 設定背景影象的高度和寬度。第乙個值設定寬度,第二個值設定高度。如果只設定乙個值,則第二個值會被設定為 auto div1 repeat x 背景影象將在水平方向重複。repeat y...
css樣式字型相關屬性及背景相關屬性
css樣式 在外部新建乙個css樣式,在網頁檔案中新增 stylesheet type text css href style.css css之字型相關屬性 字型大小 font size 2px 2 smaller larger 相對于父視窗 字型樣式 font family 微軟雅黑,宋體 當瀏覽...
css背景相關屬性和盒子
rgb red greed bule 0.0.256 0010ff css中的顏色表示方式 預定義顏色 bule。red。black 16進製制顏色 0f0f0f rgb顏色 128.0.0 全紅 rgba在rgb的基礎上又新增了表示透明度的alpha hsl 用色調,飽和度,和透明度三個分量來表示...