服务器之家
您的位置： 首页 编程语言 css

css基础必备-元素背景，前端小白一看就会（css background image）

100人浏览   2024-11-13 10:04:00

元素背景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 - 属性用作其他背景属性的简写。

设置背景颜色：

设置背景图像：

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

设置图像不重复，位于右上角：

设置图像不重复，不随内容滚动：

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

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

相关推荐