首页 > Web开发 > 详细

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

时间:2016-01-31 07:55:34      阅读:511      评论:0      收藏:0      [点我收藏+]
一、网址: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;背景图片在水平居中,垂直靠上的位置开始水平平辅,这两条线痕,则成了内容的左右边框,浑然天成,让人不得不感叹作者的匠心独运。

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

原文:http://www.jb51.net/css/87805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!