自定义CSS样式,在Hover的基础上面改成

在Hover的基础上面改成的一个样式,仿照 http://weblogs.asp.net/mschwarz/(只是做了一写小改动)
下面是CSS样式代码:
None.gif a:visited,
None.gifa:active,
ExpandedBlockStart.gifContractedBlock.gifa:link 
{dot.gif} {    
InBlock.gif    color 
: #039;
InBlock.giftext-decoration
: none;
ExpandedBlockEnd.gif
}

None.gif
ExpandedBlockStart.gifContractedBlock.gifa:hover 
{dot.gif} {
InBlock.gif    color 
: #F30;
InBlock.giftext-decoration
: none;
ExpandedBlockEnd.gif
}

None.gif
ExpandedBlockStart.gifContractedBlock.gifp.date 
{dot.gif} {
InBlock.gif    font-size 
: 1.5em;
InBlock.gif    font-weight 
: bold;    
InBlock.gif    margin-bottom 
: 0px;
InBlock.gif    padding 
: 2px 0px;
InBlock.gifcolor 
: #393;
InBlock.gifborder-bottom
: 1px solid #999;
ExpandedBlockEnd.gif    
}

None.gif
ExpandedBlockStart.gifContractedBlock.gif#leftmenu 
{dot.gif} {    
InBlock.gif    border-right 
: 1px solid #999;
InBlock.gif    border-bottom 
: 1px solid #999;
InBlock.gif    background-color 
: #F1F1F1;
ExpandedBlockEnd.gif    
}

None.gif    
None.gif#leftmenu a:active,
None.gif#leftmenu a:visited,
ExpandedBlockStart.gifContractedBlock.gif#leftmenu a:link 
{dot.gif} {
InBlock.gif    color 
: #000;
InBlock.gif    border 
: 1px solid #F1F1F1;
ExpandedBlockEnd.gif
}

None.gif    
ExpandedBlockStart.gifContractedBlock.gif#leftmenu a:hover 
{dot.gif} {    
InBlock.gif    background-color 
: #CCC;
ExpandedBlockEnd.gif    border 
: 1px solid #999;    }

None.gif
ExpandedBlockStart.gifContractedBlock.gif#tagline 
{dot.gif} {
InBlock.gif    background-color 
: #69C;
InBlock.gif    font-size
: 0.9em;
ExpandedBlockEnd.gif
}

ExpandedBlockStart.gifContractedBlock.gif#top
{dot.gif} {
InBlock.gif    padding 
: 0px;
InBlock.gif    background-color 
: #039;
InBlock.gif    color 
: #000;
ExpandedSubBlockStart.gifContractedSubBlock.gif    background-image 
: url("");/**//*顶部图片*/
InBlock.gif    background-repeat
: no-repeat;
InBlock.gif    background-position
: left top;
ExpandedBlockEnd.gif
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值