背景色
background-color属性用于设置元素的背景色。
您需要指定一个颜色值。当指定一种颜色时,整个元素的可视区域将使用这种颜色作为背景色。
如果未设置背景色,则元素的默认背景色是透明的,这实际上显示了父元素的背景色。
背景图像
背景图片可以指定一个元素的背景图片。
它类似于背景色,除了这里使用一张图片作为背景。
需要url地址作为参数,url地址需要引用外部图片的路径,例如:
background-i***ge:URL(1.jpg)
背景-重复
背景重复用于控制背景图片的重复方式。
如果只设置默认背景图片,背景图片会平铺,可以通过该属性修改。
可选值:
–重复:默认值,图片从左到右上下平铺。
–No-repeat:图片只显示一次,不会平铺。
–重复-X:沿X轴水平平铺图片
–重复-Y:沿Y轴水平平铺图片
背景位置
背景位置用于精确控制元素中背景图像的位置。
有三种方法可以确定图片在水平和垂直方向上的起点。
–关键词:右上下左中
–百分比
–数值
背景-附件
Background-attachment用于设置背景图片是否随页面滚动。
可选值:
–滚动:滚动页面。
–固定:不随页面滚动。
背景
Background是background的速记属性,通过它可以一次设置多个样式,不要求样式的先后顺序。
例如:背景:绿色网址(1.jpg)无重复中心中心固定;
CSS Sprite
CSS Sprites是网页图片的一种应用处理方法。
这样我们就可以把网页中分散的图片集中到一个大画面上。
这样一个请求就可以同时加载多张图片,大大提高了图片的加载效率。
本文来自眼泪是回忆的常客投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/570667.html