Cssday09

一、CSS背景

background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动。

background-color:设置元素的背景颜色。

background-image:设置元素的背景图像。

background-position:设置背景图像的开始位置。

background-repeat:设置是否及如何重复背景图像。

background合写:在一个声明中设置所有的背景属性。

详细介绍每个属性:

1、background-image: url(bgimage.gif);

注意url指向一个相对路径,url后面紧跟的是一对括号,括号内的是路径,路径可以用引号,也可以省略,建议省略。背景图片会盖住背景颜色。也就是说:背景图片的优先级要高于背景色。

2、background-attachment:

scroll:默认值。背景图像会随着页面其余部分的滚动而移动。否固定或者随着页面的其余部分滚动。

fixed:固定显示,相对于body固定。一般只用于body的背景设置。

3、background-position:属性设置背景图像的起始位置

4、background-repeat:属性定义了图像的平铺模式

5、background合写的顺序:背景颜色、背景图地址、平铺设置、背景图滚动、背景图位置。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 定义和用法 background是一个简写属性,可以在一个声明中设置所有的背景属性,可设置的属性如下: 这些...
    lightNate阅读 4,468评论 2 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,288评论 19 139
  • 添加背景图 用 background-image 属性,在元素的背景中添加图形。background-image属...
    德育处主任阅读 6,013评论 2 7
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,110评论 0 1
  • 话题背景:如今网页展示的姿势是这样的 图片来自:设计之家 炫酷的网页展示,支撑它的正是强大的CSS3,还有什么理由...
    aliensq阅读 2,112评论 0 2