Html-背景属性

Posted 2023-01-23 DaLiangChen

常用的背景属性

属性	描述	说明
background-color	背景颜色	red：通过颜色名字设置 #ff0：通过16进制颜色码设置 rgb(255,0,0)：通过rgb颜色设置
background-image	背景图片	Url：图片路径
background-repeat	背景图片的平铺	no-repeat：不平铺 repeat：平铺 repeat-x：x轴方向平铺 repeat-y：y轴方向平铺
background-position	背景图片的定位	设置具体值：20px 20px 设置百分比：20% 20% 设置具体位置：水平轴（left center right）；垂直轴（top center botton）
background-size	背景图大小	设置具体值：20px 20px 设置百分比：20% 20% cover： 保持图片不变形，将背景图放大到完全覆盖背景区域。 contain：将背景图放大到其中一个方向和背景区域大小一致
background-attachment	背景图片的固定	scroll：滚动 fixed：固定
background	复合属性	可以设置多个数值，以分号分割