CSS中的背景属性

时间:2014-11-09 10:39:26

标签: html css

我看过许多网站使用背景图片作为他们的网页,但后来我看到了以下代码

background: url(...) no-repeat scroll center top transparent;

我无法理解网址后使用的不同属性。我需要了解这些属性。

1 个答案:

答案 0 :(得分:1)

我将解释图片网址后的属性

1-背景重复:你可以禁用重复它" no-repeat"选项,所以它显示一次,但如果它的小,你必须把背景颜色填充其余的空白区域..也可以只用#34; repeat-x"重复它。和" repeat-y"

垂直

2-scroll / fixed:表示你的背景图片滚动内容直到结束..或者你可以使用选项"固定"粘性背景,只滚动内容/元素!

3-background-position:此选项用于在页面中定位背景..水平位置的第一个属性可以设置选项"右"或"中心"或"左"并且下一个属性是垂直位置,您可以使用" top"或"中心"或"底部"

4-背景色 - >使用透明或指定颜色来填充背景图像背后的页面,这样如果图像很小并且您将其设置为不重复,则颜色将填充网页上的其余空间!!

希望这能让你理解:)并抱歉我的英语