css_背景

青旅半醒 2022-05-25 04:53 350阅读 0赞
  1. CSS背景



































属性

描述

background

简写属性，作用是将背景属性设置在一个声明中。

background-attachment

背景图像是否固定或者随着页面的其余部分滚动。

background-color

设置元素的背景颜色。

background-image

把图像设置为背景

background-position

设置背景图像的起始位置。

background-repeat

设置背景图像是否及如何重复。

background-size:cover;

自适应大小（平铺）

如：

20180508142720228

20180508142730359

background-repeat 属性设置是否及如何重复背景图像。
























值

描述

repeat

默认。背景图像将在垂直方向和水平方向重复

repeat-x

背景图像将在水平方向重复

repeat-y

背景图像将在垂直方向重复

no-repeat

背景图像将仅显示一次

20180508142813265

20180508142913514

20180508142922619

20180508142930906

背景图片的位置：background-position
























值1

值2

描述

top/center/bottom

left/center/right

如果您仅规定了一个关键词，那么第二个值将是”center”。

x% 

y%

第一个值是水平位置，第二个值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果您仅规定了一个值，另一个值将是 50%。

xpos

ypos

第一个值是水平位置，第二个值是垂直位置。
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

20180508143009274

发表评论

表情：
评论列表 （有 0 条评论，350人围观）

还没有评论，来说两句吧...

相关阅读

    相关 css设置背景

    css2设置背景相关属性有如下： background : 简写属性，作用是将背景属性设置在一个声明中。 background-color : 设置元素的背景颜色。

    小咪咪小咪咪/ 0 赞/ 455 阅读