元素背景background使用CSS设置各种HTML元素的背景,元素的背景有以下属性:
- background-color – 属性用于设置元素的背景色,值可以是十六进制颜色代码 , RGB值或颜色名称 。
- background-image – 属性用于设置元素的背景图像,使用url()属性指定图像的路径 。
- background-repeat – 属性用于控制背景图像是否重复,值有repeat,repeat-x,repeat-y,no-repeat 。
- background-position – 属性用于控制背景图像的位置 , 值有right,left,top,bottom,center或者数值和百分比 。
- background-attachment – 属性用于控制背景图像是否可以滚动,值有scroll,fixed 。
- background – 属性用作其他背景属性的简写 。
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535R395-0.png)
文章插图
设置背景图像:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535TQ1-1.png)
文章插图
设置背景图像沿x轴重复:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535Q130-2.png)
文章插图
【css背景图片重叠显示问题 css背景图片不重复怎么设置】设置图像不重复,位于右上角:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535VX2-3.png)
文章插图
设置图像不重复,不随内容滚动:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535Q4c-4.png)
文章插图
如果需要指定的图像属性太多时,可采用简写形式 , 如:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535W030-5.png)
文章插图
使用背景简写时 , 属性的指定顺序如下所示:
![css背景图片重叠显示问题 css背景图片不重复怎么设置](http://img.sichuanlong.com/231114/10535U528-6.png)
文章插图
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 如何在CSS3中使用样式属性控制label标签宽度
- 如何定制PPT母版背景图片
- 选择合适的电脑背景图片
- Excel简单操作:去除图片背景并保存为透明背景图片
- 提升CSS技巧:实用操作方法解析
- Word背景图片设置指南
- Excel如何制作半透明重叠柱形图
- 如何设置Win10自带邮件客户端的背景图片
- 如何轻松去除PPT背景图片
- 如何通过HTML和CSS实现input指定区间值显示不同样式