CSS后台属性用法

时间:2014-09-02 14:24:43

标签: html css syntax properties background

最近我看到了一个关于如何将psd web模板转换为html模板的教程。在那个教程中,我发现我无法理解一句话:

body {
    background:#59d3fa url(img/body_bg.jpg) repeat-x 0 0;
}

在这段代码中,我不知道该行末尾的两个零0 0代表什么。我不能问这个教程的作者,因为它是一个非常古老的教程,评论已经关闭。我无法在互联网上找到这样的问题所以我在w3schools网站上引用了背景属性,但无法确定最终的零代表什么。请告诉我这些意思。

如果您认为这是一个愚蠢的问题,请不要抱怨我,因为虽然我不是全新的CSS,但我缺乏练习。

1 个答案:

答案 0 :(得分:2)

这些0值分别代表文档左侧和顶部的位置。可以将其视为position: absolute;属性的background元等价物。

方便的是,CSS上的Mozilla Developer Network article简写使用background属性作为示例。您可以使用 JSFiddle example 轻松测试此操作。

请注意,对于非零值,您不能使用裸号。也就是说,您必须包含%pxemrem