网站地图    收藏   

主页 > 前端 > css教程 >

HTML+CSS实例——漂亮的背景(一) - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

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

 

 

\vc2k=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" />

 

[css]
body  

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

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

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


 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论