CSS background属性(背景属性)详解
发布时间:2013-08-12 15:47:45 作者:佚名 我要评论
可在background属性中设置所有的背景属性,下面为大家详细介绍下各个属性的含义,初学者可以参考下,希望对大家学习css有所帮助
可以在background属性中设置所有的背景属性。可以设置如下属性:
•background-color 颜色
•background-position 位置
•background-size 大小
•background-repeat 如何重复背景图像
•background-origin 背景图片的定位区域
•background-clip 背景的绘制区域
•background-attachment 是否固定或者随着页面滚动
•background-image 背景图像
设置的时候,不需要设置所有的值,可以有选择的设置。不要分别设置每一个值,而是将所有的属性写在background中。
•background-color 颜色
•background-position 位置
•background-size 大小
•background-repeat 如何重复背景图像
•background-origin 背景图片的定位区域
•background-clip 背景的绘制区域
•background-attachment 是否固定或者随着页面滚动
•background-image 背景图像
设置的时候,不需要设置所有的值,可以有选择的设置。不要分别设置每一个值,而是将所有的属性写在background中。
相关文章
- 记得当时我刚买计算机, 上网下载图片总是下载到一个透明的 GIF 图片, 百思不得其解, 所以研究了一番. 后来发现网站上的图片都是通过背景的方式显示出来的,接下来介绍如何用2012-12-25
- 背景属性是给网页添加背景色或者背景图所用的CSS样式,它的能力远远超于html之上。2011-01-05
- 背景(background)在项目中经常会使用。这篇文章主要讲解的是实际项目中的5个实例。通过具体的分析来达到学习的目的。2009-09-14
纯css实现元素下出现横线动画(background-image)
这篇文章主要介绍了纯css实现元素下出现横线动画(background-image)的相关资料,需要的朋友可以参考下2018-12-06CSS3基于背景裁剪(background-clip)实现的文本标题透视特效源码
这是一款CSS3基于背景裁剪(background-clip)实现的文本标题透视特效源码。画面上的外星球与飞船背景中央呈现出带有背景剪切透视的文本视觉效果。同时可响应鼠标的移动呈2017-11-17css3实现一个div设置多张背景图片及background-image属性实例演示
这篇文章主要介绍了css3实现一个div设置多张背景图片及background-image属性,同时对于css3背景渐变也做了详细的解释,水平渐变,左上角渐变等等方式,需要的朋友可以参考下2017-08-10- 固定背景图片的通常方法就是把background-attachment设成fix,进一步的话自然则是用background-position,下面来详解使用CSS固定页面背景图片及位置的方法:2016-05-17
- 这篇文章主要介绍了使用CSS3来实现滚动视差效果的教程,主要使用到了background-attachment属性,需要的朋友可以参考下2015-08-24
- 这篇文章主要介绍了CSS3属性background-size使用指南,需要的朋友可以参考下2014-12-09
- 这篇文章主要介绍了CSS中的背景属性background的相关知识,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-30
最新评论