CSS 背景相關屬性

2021-08-20 10:35:27 字數 900 閱讀 7516

頁面中可以用  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 用色調,飽和度,和透明度三個分量來表示...