css背景代码:1、背景颜色,background-color: color-name;;2、背景图片,background-image: url('image-url');;3、背景重复,background-repeat: repeat-style;;4、背景位置,background-position: position-style;等等。
CSS背景代码大全如下:
1、背景颜色:
background-color: color-name;
其中,color-name 可以是任何有效的 CSS 颜色名称或十六进制颜色值。
2、背景图片:
background-image: url('image-url');
其中,image-url 是图片的 URL 地址。
3、背景重复:
background-repeat: repeat-style;
其中,repeat-style 可以是 repeat、repeat-x 或 repeat-y,表示背景图片是否需要平铺或沿特定方向平铺。
4、背景位置:
background-position: position-style;
其中,position-style 可以是 left、center 或 right,表示背景图片在页面中的位置。
5、背景大小:
background-size: size-style;
其中,size-style 可以是 auto、cover 或 contain,表示背景图片的大小。
6、背景 attachment:
background-attachment: scroll-style;
其中,scroll-style 可以是 scroll、fixed 或 local-origin,表示背景图片是否随页面滚动、固定在页面上方或与页面一起滚动。
7、背景颜色和图片:
background: color-name url('image-url');
可以将背景颜色和背景图片一起设置。
8、背景渐变:
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
其中,direction 是渐变方向,可以是 to bottom、to top、to left、to right 或 round。color-stop 是渐变颜色,可以有多个,用逗号分隔。
以上是 CSS 背景代码大全,可以根据需要进行组合使用。
以上是css背景代码大全的详细内容。更多信息请关注PHP中文网其他相关文章!