HTML+CSS实例——漂亮的背景（一）

一、网址：http://www.csszengarden.com/?cssfile=213/213.css

二、效果

 

三、CSS

body 
{
    background-color:#F0ECD6;
    background-image:Url(Images/water.png);
    background-position:top;
    background-repeat:repeat-x;
}

四、说明

网页背景色与大海融为一体，这个是非常唯美的艺术效果。而更大的亮点则是，背景图片的左右两边各有一条没有特别虚化的亮线，这个背景图片如果只是随便地设为背景，那，背景会有两条比较明显线痕，这会是很重的一个败笔。但，样式表中，设置了background-position:top;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。