CSS背景background的所有样式

CSS背景background的样式主要有以下几种:

1、背景的颜色:background-color

背景颜色可以写成十六进制的以#开头,还可以是rgb格式rgb(255.0.0),还可以直接写成颜色的英文格式。

格式一:background-color:#fff;

格式二:background-color:rgb(255.0.0);

格式三:background-color:yellow;

2、背景的图片:background-image

格式:background-image:url('图片路径')

3、背景图片的位置:background-position

第一种可以使用top left right center bottom来规定位置

第二种可以使用两个百分比来规定位置,第一个是水平位置,第二个是垂直位置。

第三种使用单位像素来规定位置,如果只规定了一个值,那么另一个值就是50%。

4、背景图片的重复风格:background-repeat

不重复:background-repeat:no-repeat

水平重复:background-repeat:repeat-x

垂直纵向重复:background-repeat:repeat-y

5、背景图片的固定风格:background-attachment

随着HTML的内容滚动:默认情况下是这样的,不用设置。background-attachment:scroll

固定背景图像:background-attachment:fixed

继承父元素:background-attachment:inherit

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190326A091F400?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券