css中背景圖片的屬性有:1、background-image;2、background-repeat;3、background-position;4、background-size;5、background-attachment。
本教學操作環境: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中背景圖片有哪些屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!