| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1168 人关注过本帖
标题:刚学的一招CSS,背景颜色变幻
只看楼主 加入收藏
盖茨他爹
Rank: 6Rank: 6
等 级:贵宾
威 望:28
帖 子:5255
专家分:0
注 册:2005-5-3
收藏
 问题点数:0 回复次数:5 
刚学的一招CSS,背景颜色变幻
<div STYLE="filter:progid:DXImageTransform.Microsoft.Gradient(Gradient无效=1,StartColorStr='#0000FF', EndColorStr='#000066'); height:200px; color:white;">渐变的背景,不要以为是图片哦,用CSS就能搞定</div>
搜索更多相关主题的帖子: CSS Microsoft 颜色 white div 
2006-09-15 15:45
dzt0001
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:蒙面侠
威 望:5
帖 子:1281
专家分:4998
注 册:2005-10-12
收藏
得分:0 
不错。收藏了。
还是很有用的。
现在偶尔来看看,还是有收获的。

----我怎能在别人的苦难面前转过脸去----
2006-09-15 19:18
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
[CODE]<style type="text/css">
<!--
li{
border-bottom-width: 2px;
border-bottom-style: inset;
border-bottom-color: #F1BD4C;
font-size: 14px;
line-height: 40px;
cursor: hand;
}
-->
</style><div STYLE="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EFB334', endColorStr='#F2C462', gradientType='1'); height:500px; width:200;color:white;" align=center><br><br><div style="filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F2C462', endColorStr='#EFB334', gradientType='1');height:400px; width:160;"><br><b><li>菜单一</li><li>菜单二</li><li>菜单三</li><li>菜单四</li><li>菜单五</li><li>菜单六</li></b></div></div>[/CODE]
2006-09-15 21:18
yms123
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:209
帖 子:12488
专家分:19042
注 册:2004-7-17
收藏
得分:0 

收下,回头研究研究。

2006-09-15 22:04
google
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:22
帖 子:3419
专家分:23
注 册:2005-11-1
收藏
得分:0 
高手就是高手

祝天下所有母亲幸福安康!~
2006-09-15 22:08
islet
Rank: 12Rank: 12Rank: 12
等 级:贵宾
威 望:89
帖 子:6548
专家分:0
注 册:2005-1-28
收藏
得分:0 
索性来个全的

[CODE]<style type="text/css">
<!--
table {
font-size: 12px;
line-height: 150%;}
a:link {
font-size: 12px;
color: #000000;
text-decoration: none;}
a:visited {
font-size: 12px;
color: #000000;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #0066FF;
text-decoration: none;
}
.blue0{color: #3366FF;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F2C462', endColorStr='#EFB334', gradientType='1');
cursor: hand; }
.blue{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EFB334', endColorStr='#F2C462', gradientType='1'); }
.blue2{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ECA613', endColorStr='#F2C462', gradientType='1'); }
.blue1{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F2C462', endColorStr='#ECA613', gradientType='1'); }
.blue3{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EDAE2C', endColorStr='#F3CB76', gradientType='0'); }
.blue4{
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F3CB76', endColorStr='#EDAE2C', gradientType='0'); }
.over {
background-color: #3366ff;
color: #ffffff;
cursor: hand;
}
.a1:hover { font-size: 12px;
color: #3366FF;
text-decoration: underline;
}
.in1 {
height: 18px;
font-size: 12px;
color: #3366FF;}
textarea {
color: #3366FF;
font-size: 12px;
}
.kk {
height: 18px;
}
.top {
font-weight: bold;
color: #FFFFFF;
filter: Glow(Color=3366ff, Strength=1);
font-family: "宋体";
font-size: 14px;}
-->
</style>
<SCRIPT language="javascript1.2">
<!--
function sh(sid)
{
for(i=1;i<=6;i++){
if (i == sid)
{
eval("s" + i + ".style.display=\"\";");
}
else
{
eval("s" + i + ".style.display=\"none\";");
}
}
}
-->
</SCRIPT>
<body bgcolor="#EDAD27" leftmargin="0" topmargin="0">
<table width="180" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" class="blue">
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FCD56B" bordercolordark="#FDDD8A" bordercolorlight="#FBB90D">
<tr>
<td height="40" align="center" class="blue0"><table border="0" cellpadding="0" cellspacing="0" class="top">
<tr>
<td align="center">功能菜单</td>
</tr>
</table>
</td>
</tr> <tr>
<td onClick="sh(1)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>新闻管理</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s1" style="display=''">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/add.asp?sid=1 target=main class=a1>发布行业动态</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/add.asp?sid=2 target=main class=a1>发布公司动态</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/add.asp?sid=3 target=main class=a1>发布别墅新闻</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/add.asp?sid=4 target=main class=a1>发布招贤纳士</a><br><br></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/?sid=1 target=main class=a1>管理行业动态</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/?sid=2 target=main class=a1>管理公司动态</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/?sid=3 target=main class=a1>管理别墅新闻</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/?sid=4 target=main class=a1>管理招贤纳士</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td onClick="sh(2)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>工程实例</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s2" style="display='none'">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/lei.asp?nid=3 target=main class=a1>管理工程分类</a><br><br></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gc.asp?sid=6 target=main class=a1>添加竣工别墅</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gc.asp?sid=7 target=main class=a1>添加建设中别墅</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gc.asp?sid=8 target=main class=a1>添加室内装饰</a><br><br></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gcgl.asp?sid=6 target=main class=a1>管理竣工别墅</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gcgl.asp?sid=7 target=main class=a1>管理建设中别墅</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/gcgl.asp?sid=8 target=main class=a1>管理室内装饰</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td onClick="sh(3)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>设计作品</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s3" style="display='none'">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sj.asp?sid=9 target=main class=a1>添加欧美风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sj.asp?sid=10 target=main class=a1>添加日韩风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sj.asp?sid=11 target=main class=a1>添加休闲风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sj.asp?sid=12 target=main class=a1>添加原木风格</a><br><br></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sjgl.asp?sid=9 target=main class=a1>管理欧美风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sjgl.asp?sid=10 target=main class=a1>管理日韩风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sjgl.asp?sid=11 target=main class=a1>管理休闲风格</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/sjgl.asp?sid=12 target=main class=a1>管理原木风格</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td onClick="sh(4)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>常见问题</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s4" style="display='none'">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/add.asp?nid=2 target=main class=a1>添加常见问题</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=news/?sid=5 target=main class=a1>管理常见问题</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td onClick="sh(5)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>在线咨询</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s5" style="display='none'">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=config/zxun.asp target=main class=a1>在线咨询管理</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=# class=a1>登陆邮箱</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td onClick="sh(6)"><table width="99%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" onMouseOver="this.className='over'" onMouseOut="this.className='blue0'" class="blue0"><strong>网站管理</strong></td>
</tr>
</table>
<table width="99%" height="220" border="0" align="center" cellpadding="0" cellspacing="0" id="s6" style="display='none'">
<tr>
<td height="5"></td>
</tr>

<tr>
<td height="20" align="center"><a href=config/ad.asp target=main class=a1>弹出广告</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=config/index.asp target=main class=a1>企业介绍</a></td>
</tr>

<tr>
<td height="20" align="center"><a href=config/pass.asp target=main class=a1>修改密码</a></td>
</tr>

<tr>
<td></td>
</tr>
</table></td>
</tr>

<tr>
<td height="40" class="blue0" align="center"><a href="loginout.asp" target="_top" class="a1">
<font color="#ff0000"><b>退出登陆</b></font></a></td>
</tr>
</table>
<table width="100" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>[/CODE]
2006-09-15 22:27
快速回复:刚学的一招CSS,背景颜色变幻
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.029777 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved