五、背景

  1. 背景色

1.1背景色background-color

*background-color属性用于为元素设置背景色,该属性接收任何合法的颜色值

*为元素背景设置一种纯色

1.2背景图像

1.2.1背景图片background-image

*默认值none,表示背景上没有放置任何图像

*如果需要设置一个背景图像,需要用起始字母url附带一个图像的URL值

-可以试相对URL或者绝对URL

         EasyDemo*CSS背景知识点个人总结(五)

         1.3背景重复

         *默认情况下,背景图像在水平和垂直方向上重复出现,创建一种称为”墙纸”的效果

         *可以使用background-repeat属性控制背景图像的平铺效果

         *background-repeat可取值为

         -repeat:在垂直方向和水平方向重复,为重复值

         -repeat-x:仅在水平方向重复

         -repeat-y:仅在垂直方向重复

         -no-repeat:仅显示一次

         EasyDemo*CSS背景知识点个人总结(五)

         1.3背景定位background-position

         *background-position属性改变图像在背景中的位置

         *该属性的取值为

         EasyDemo*CSS背景知识点个人总结(五)

EasyDemo*CSS背景知识点个人总结(五)

         1.4背景图片的固定background-attachment

         *默认情况下,背景图像会随着页面的滚动而移动

         *可通过background-attachment属性来设置

         -默认值是scroll:默认情况下,背景会随文档滚动

         -可取值为fixed:背景图像固定,并不会随着页面的其余部分滚动,常用于实现称为水印的图像

         EasyDemo*CSS背景知识点个人总结(五)

 

相关文章:

  • 2021-08-22
  • 2021-12-25
  • 2021-10-02
  • 2022-12-23
  • 2022-12-23
  • 2021-08-11
猜你喜欢
  • 2022-01-23
  • 2021-08-17
  • 2021-11-10
  • 2021-05-24
  • 2021-06-27
  • 2021-10-04
  • 2021-12-11
相关资源
相似解决方案