HTML+CSS实现漂亮的背景实例_ Div+Css教程-查字典教程网
HTML+CSS实现漂亮的背景实例
HTML+CSS实现漂亮的背景实例
发布时间:2017-01-07 来源:查字典编辑
摘要:一、网址:http://www.csszengarden.com/?cssfile=213/213.css二、效果三、CSSbody{bac...

一、网址: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;背景图片在水平居中,垂直靠上的位置开始水平平辅,这两条线痕,则成了内容的左右边框,浑然天成,让人不得不感叹作者的匠心独运。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类