![背景图片设置方法 css设置背景图片大小](http://img.sichuanlong.com/220523/21322a4Z-0.png)
文章插图
background-color
? background-color属性用来为元素设置背 景颜色 。
? 需要指定一个颜色值 , 当指定了一个颜色 以后 , 整个元素的可见区域都会使用这个 颜色作为背景色 。
? 如果不设置背景颜色 , 元素默认背景颜色 为透明 , 实际上会显示父元素的背景颜色 。
background-image
? background-image可以为元素指定背景 图片 。
? 和background-color类似 , 这不过这里是 用的是一个图片作为背景 。
? 需要一个url地址作为参数 , url地址需要指 向一个外部图片的路径 ? 例如:background-image: url(1.jpg)
background-repeat
? background-repeat用于控制背景图片的 重复方式 。
? 如果只设置背景图片默认背景图片将会使 用平铺的方式 , 可以通过该属性进行修改 。
? 可选值:
– repeat:默认值 , 图片左右上下平铺
– no-repeat:只显示图片一次 , 不会平铺
– repeat-x:沿x轴水平平铺一张图片
– repeat-y:沿y轴水平平铺一张图片
background-position
? background-position用来精确控制背景 图片在元素中的位置 。
? 可以通过三种方式来确定图片在水平方向 和垂直方向的起点 。
– 关键字:top right bottom left center
– 百分比
– 数值
background-attachment
? background-attachment用来设置背景图 片是否随页面滚动 。
? 可选值:
– scroll:随页面滚动
– fixed:不随页面滚动
background
? background是背景的简写属性 , 通过这个 属性可以一次性设置多个样式 , 而且样式 的顺序没有要求 。
? 例如: background: green url(1.jpg) no-repeat center center fixed;
CSS Sprite
? CSS Sprites是一种网页图片应用处理方式 。
? 通过这种方式我们可以将网页中的零星图 片集中放到一张大图上 。
? 这样一来 , 一次请求便可以同时加载多张 图片 , 大大提高了图片的加载效率 。
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 放大镜视频制作方法 ae放大镜效果怎么做
- 苹果手机取消静音设置方法 iphone静音模式怎么关
- pscc破解版安装教程 pscc2017破解补丁安装方法
- 安卓手机中文版cad制图 cad2007软件基础设置
- 微信设置无地址具体步骤 怎么把微信地区设置空白
- 金钱桐的养殖方法 金钱桐怎么养殖
- 盆栽矾根的养殖方法 矾根的养殖方法和注意事项
- 世上最简单的健身方法
- 胸肌最快的锻炼方法是什么?
- 身体的部位练哑铃方法有哪些?