- background
- background-color
- background-image: url(图片路径,不需要使用双引号)
- background-repeat:背景是否平铺,可能的值有 repeat(默认)和 no-repeat(不平铺)和 repeat-x(水平方向平铺)和 repeat-y(垂直方向平铺)
- background-position:后面跟两个参数,第一个表示x轴,第二个表示y轴,第一个可能取值有:center,left,right,第二个可能取值有:center,top,bottom
- position后面可以跟方位名词,他们之间没有顺序,只写一个时另一个默认是居中的
- position后面也可以跟具体数值(像素),但是必须有顺序,第一个数为水平方向的,第二个为垂直方向的
- position后面还可以是 具体数值和方位名词混合使用,需要严格遵循顺序
- 直接插入图片时很难控制图片的位置,可以改成使用背景图片
- 关于大背景图片:有可能出现背景图片像素很大但是显示器的分辨率小不足以完全显图片,可以设置background-position,一般为center和top
- background-attachment:设置背景图片是否随内容滚动,可能的值有fixed,scroll(默认)
- 背景样式连写
- background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 (对于顺序 官方没有强制性要求但是建议颜色写在最前面)
- 背景透明:background: rgba() —— red green blue alpha(alpha表示透明度,取值为0到1,0表示完全透明,1表示完全不透明)
CSS背景
最新推荐文章于 2022-09-30 19:56:04 发布