以文本方式查看主题

-  智睿软件_技术交流论坛  (http://zhirui.net/bbs/index.asp)
--  Web页面设计  (http://zhirui.net/bbs/list.asp?boardid=33)
----  网站国庆主题宽屏大背景图片  (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=1334)
--  作者：zhirui
--  发布时间：2011-08-30 08:51:57
--  网站国庆主题宽屏大背景图片

网站庆国庆主题宽屏大背景图片CSS代码:
在<head></head>中，加入以下CSS代码：
<STYLE type=text/css>
BODY{
background-image:url(in09/tengfun101.jpg);
background-repeat:no-repeat; background-position: top center;
padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</STYLE>

或在CSS文件中可直接添加：
BODY{
background-image:url(in09/tengfun101.jpg);
background-repeat:no-repeat; background-position: top center;
padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}

以上方法选1个即可，其中background-image:url(in09/tengfun101.jpg); 请自行替换到你的地址。
padding-top:38px;   控制距离顶部的高度，请自行设定。

[此贴子已经被作者于2011-09-10 10:23:24编辑过]
--  作者：zhirui
--  发布时间：2011-08-30 09:00:53
--  
左到右；
上到下：

.hbar {FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=\'#25323A\',endColorStr=\'#6E706D\');}
.vbar {FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=\'#25323A\',endColorStr=\'#6E706D\');}