本篇文章给大家带来《菜鸟教程css样式图片》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

CSS 为背景图像提供了强大的控制，CSS 属性允许你定位图像、重复图像、为图像添加边框等等。通过 background-image 属性，您可以将图像设置为背景。默认情况下，图像是平铺的（重复），并调整大小以适合整个区域。

您可以通过 background-repeat 属性指定背景图像的重复方式。此属性可以设置为：

• repeat：水平和垂直方向重复（默认）
• repeat-x：水平方向重复
• repeat-y：垂直方向重复

i>no-repeat：不重复

您可以使用 background-position 属性和关键字来定位图像。如果使用两个关键字，第一个关键字指定水平位置，第二个关键字指定垂直位置。您可以使用以下关键字：

• top、center 或 bottom
• left、center 或 right

您还可以使用长度值或百分比来定位图像。使用百分比时，0% 表示图像的最左侧或最顶部，而 100% 表示图像的最右侧或最底部。石家庄人才网小编提示您，负值是允许的。如果仅指定一个值，则第二个值将自动设置为 "center"。

您可以通过 background-attachment 属性设置背景图像是否应该滚动。此属性可以设置为：

• scr

  

  oll：背景图像相对于元素的内容滚动（默认）
• fixed：背景图像相对于视口固定。即使内容滚动，它也不会移动
• local：背景图像相对于元素的内容滚动。如果内容有滚动条，背景会随着内容一起滚动

您可以通过 background 简写属性在一个声明中设置所有背景属性。此

属性可以按任何顺序指定值。如果缺少某个值，则使用其默认值。例如，以下两个 CSS 声明是等效的：background-color: #ffffff;background-image: url("bg.png");background-repeat: repeat-x;background-position: center top;background: #ffffff url("bg.png") repeat-x center top;石家庄人才网小编建议您，使用简写属性可以使代码更简洁易读。

石家庄人才网小编对《菜鸟教程css样式图片》内容分享到这里，如果有相关疑问请在本站留言。