一、网址：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;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。
二、效果
三、CSS
复制代码代码如下:
body
{
background-color:#F0ECD6;
background-image:Url(Images/water.png);
background-position:top;
background-repeat:repeat-x;
}
四、说明
网页背景色与大海融为一体，这个是非常唯美的艺术效果。而更大的亮点则是，背景图片的左右两边各有一条没有特别虚化的亮线，这个背景图片如果只是随便地设为背景，那，背景会有两条比较明显线痕，这会是很重的一个败笔。但，样式表中，设置了background-position:top;背景图片在水平居中，垂直靠上的位置开始水平平辅，这两条线痕，则成了内容的左右边框，浑然天成，让人不得不感叹作者的匠心独运。
标签：
CSS实例,背景
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“HTML+CSS实现漂亮的背景实例”评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。