本教程操作環境：windows10系統、css3版，該方法適用于所有品牌電腦。

（學習視頻分享：css視頻教程）

常見的圖片屬性有：

1、背景圖片插入

background-image:url(位置及名稱);  //默認在父級元素內的左上角

登錄后復制

2、背景平鋪方式

background-repeat:no-repeat;   //不平鋪

登錄后復制

3、背景位置

background-position:right bottom;  //橫向在右邊，縱向在下邊，即右下角
center center;  //位于中心
center right;  //中間靠右
100px 200px;  //靠左100 靠上200

登錄后復制

4、背景尺寸

background-size:cover/contain/100% 100%  等比例縮放(鋪滿即可)/包含在里面/按盒子大小縮放

登錄后復制

注意：低版本的IE不支持背景尺寸

5、背景顯示方式

background-attachment:scroll//隨屏幕滾動 fixed//固定在可視區域，注意:此時的位置是相對于可視區域的
(fixed:這里有一個兼容性性的問題，在IE6中，只有html和body支持這個屬性)

登錄后復制

相關推薦：CSS教程

以上就是css中背景圖片有哪些屬性的詳細內容，更多請關注風君子博客其它相關文章！

總結

以上是生活随笔為你收集整理的css中背景图片有哪些属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。