背景 - 1

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章
  • 使用background-color来设置背景颜色
    语法:background-color: 颜色值
    例:background-color: red; background-color: #bfa; background-color: #e44e23

  • 使用background-image来设置背景图片
    语法:background-image: url(相对路径);
    例:background-image: url(images/bg.jpg);
    • 如果背景图片大于元素,则默认只会显示图片的左上部分。
    • 如果背景图片和元素大小相同,则会将图片全部显示。
    • 如果背景图片小于元素,则默认会将图片平铺以充满元素。

可以同时为一个元素设置背景颜色和背景图片,此时背景颜色会作为背景图片的底色显示。

一般情况下,设置背景图片的同时都会设置一个背景颜色。

再次强调,相对路径写在哪一个文档就相对于哪一个文档进行查找。


  • 使用background-repeat来设置背景图片的重复方式
    可选值:
    • repeat:背景图片会在水平和垂直方向重复(默认值)
    • no repeat:背景图片不会重复,有多大就显示多大
    • repeat-x:背景图片会沿着水平方向重复
    • repeat-y:背景图片会沿着垂直方向重复

例:background-repeat: repeat-x;

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/55.html