5.8背景属性 (1)讲解.pptx

背景属性;网页能通过背景图像给人留下第一印象。例如，节日题材的网站一般采用一些和节日相关的图片来突出效果。所以在网页设计中，控制背景颜色和背景图像是一个重要环节。在CSS中提供了多种设置背景属性的方法。本节将对这些设置背景属性的方法做详细讲解。;5.8.1设置背景颜色;5.8.1设置背景颜色;案例演示;5.8.2设置背景图像;使用CSS中的background-image属性可以为网页设置背景图像。;5.8.3设置背景图像平铺;默认情况下，背景图像会自动向水平和竖直两个方向平铺。如果不希望图像平铺，或者只沿着一个方向平铺，可以通过background-repeat属性来控制。;5.8背景属性;5.8.4设置背景图像的位置;将background-repeat的属性值定义为no-repeat，背景图像将显示在元素的左上角位置。如果想要自由控制背景图像的位置，可以使用CSS中的background-position属性。;5.8背景属性;5.8背景属性;5.8.5设置背景图像固定;当网页中的内容较多时，背景图像会随着页面滚动条的移动而移动，如果希望背景图像固定在浏览器窗口的某个位置，就可以使用background-attachment属性。;5.8.6设置背景颜色与背景图像的不透明度;在网页设计中，通过RGBA模式和opacity属性都可以更改不透明度效果。;在网页设计中，通过RGBA模式和opacity属性都可以更改不透明度效果。;5.8背景属性;5.8.7设置背景图像的大小;5.8背景属性;5.8背景属性;5.8背景属性;5.8背景属性;5.8背景属性;5.8.8设置背景的显示区域;5.8背景属性;5.8背景属性;5.8.9设置背景的裁剪区域;5.8背景属性;5.8背景属性;5.8.10设置多重背景图像;5.8背景属性;5.8.11背景复合属性;5.8背景属性;5.8背景属性