HTML+CSS实现漂亮的背景实例

一、网址：http://www.csszengarden .COM /?cssfile=213/213.css
二、效果
&nbs p;
三、CSS

复制代码

代码如下:

body
{
background-color: # F0ECD6;
background -i mage:Url(Images/water.png);
background-pos IT ion:top;
background-re PE at:repeat-x;
}

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

总结

以上是 为你收集整理的 HTML+CSS实现漂亮的背景实例 全部内容，希望文章能够帮你解决 HTML+CSS实现漂亮的背景实例 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于HTML+CSS实现漂亮的背景实例的详细内容...