当前位置: 首页 > Web前端 > CSS

【Jungle】CSSbackground浅谈

时间:2023-03-31 01:54:54 CSS

定义和使用基本属性:color,image,position,repeatBackgroundcolorbackground-color的取值为颜色值或者透明,默认值为透明(transparent)。颜色值可以是十六进制颜色代码或RGB颜色值,也可以是英文代码。不建议使用英文代码,不同的浏览器对不同的颜色代码可能会有不同的效果。将背景颜色设置为后备也很重要。到处都支持背景颜色,而只有较新的浏览器才支持背景渐变等更奇特的功能,而且由于某种原因可能无法加载背景图像。所以设置一个基本的背景颜色并指定这些属性是个好主意,这样元素的内容无论如何都是可读的。背景图片background-image指定显示的背景图片,使用url()设置路径。默认图像重复模式是水平和垂直重复。backgroundrepeatbackground-repeat指定背景图片如何重复,默认值为repeat(重复直到整个元素的背景被填满)值说明no-repeat不重复垂直和水平repeat-xX轴方向(水平)repeatrepeat-yY轴方向(垂直)重复背景位置background-position指定定位背景图片的位置,原点为左上角(0,0)。您可以为X和Y轴输入两个值,或者只输入一个值。可以输入长度值(px等),相对值(rem等),百分比,关键字(left,center,right,top,bottom)如果只输入一个值,则代表值X轴的,Y轴成为中心值可以混合搭配,比如background-position:9pxtop;额外属性backgroundscrollbackground-attachment指定内容滚动时背景如何滚动。该值描述滚动默认值。滚动,背景图片随着页面的滚动而移动。修复了滚动页面其余部分时背景图像不移动的问题。待研究:https://developer.mozilla.org...