快捷搜索:  汽车  科技

css基础动画设计(css基础必备-元素背景)

css基础动画设计(css基础必备-元素背景)使用背景简写时,属性的指定顺序如下所示:设置图像不重复,位于右上角:设置图像不重复,不随内容滚动:如果需要指定的图像属性太多时,可采用简写形式,如:

元素背景background

使用css设置各种HTML元素的背景,元素的背景有以下属性:

  • background-color - 属性用于设置元素的背景色,值可以是十六进制颜色代码,RGB值或颜色名称。
  • background-image - 属性用于设置元素的背景图像,使用url()属性指定图像的路径。
  • background-repeat - 属性用于控制背景图像是否重复,值有repeat repeat-x repeat-y no-repeat。
  • background-position - 属性用于控制背景图像的位置,值有right left top bottom center或者数值和百分比。
  • background-attachment - 属性用于控制背景图像是否可以滚动,值有scroll fixed。
  • background - 属性用作其他背景属性的简写。

设置背景颜色:

css基础动画设计(css基础必备-元素背景)(1)

设置背景图像:

css基础动画设计(css基础必备-元素背景)(2)

设置背景图像沿x轴重复:

css基础动画设计(css基础必备-元素背景)(3)

设置图像不重复,位于右上角:

css基础动画设计(css基础必备-元素背景)(4)

设置图像不重复,不随内容滚动:

css基础动画设计(css基础必备-元素背景)(5)

如果需要指定的图像属性太多时,可采用简写形式,如:

css基础动画设计(css基础必备-元素背景)(6)

使用背景简写时,属性的指定顺序如下所示:

css基础动画设计(css基础必备-元素背景)(7)

猜您喜欢: