又到了新年的时候了,人们每个人的脸上都是喜气洋洋的。我们看到很多大型门户网站也会把自己网站设置大红背景,十分大气,也非常好看。那么同样,今年2012年春节,2012年网站背景如果做到网站上呢?今年是龙年,当然要有龙在网站背景上了。
第一,将以下代码放置到<body>和</body>之间。
<div class="ntes_wrapper" id="ntesWrapper">
<div class="main"><a href="/" title="" class="ntes_wrapper_link"></a></div>
第二,再将下面的代码放置到你网站的CSS文件里。
.ntes_wrapper {height:680px; background:url(http://www.gaisuo.com/templets/default/style/index/sp110131wrap_img.jpg">http://www.gaisuo.com/templets/default/style/index/sp110131wrap_img.jpg) center top no-repeat;}
.ntes_wrapper .main {position:relative; width:980px; height:62px; margin:0 auto; z-index:1;}
.ntes_wrapper_link {position:absolute; overflow:hidden; left:0; top:0; width:960px;height:60px; text-indent:-1000em;}
.ntes_wrapper_close {position:absolute; display:block; overflow:hidden; width:50px;height:21px; cursor:pointer; text-indent:-1000px; right:0; top:5px;}
.wrapper {width:980px; margin:0 auto; margin-top:-276px; background:#fff;}
生成首页,大功告成!网站演示:
背景图片设计者:同城搜购(tcso.cn)QQ:181003243
网站背景技术安装:毛红亮 QQ:1067289670
效果演示:
2012年春节网站背景制作 新年网站背景代码素材 |
感谢 靓哥 的投稿 本文仅代表作者观点,与楚天站长站立场无关。