阅读文章(首页/网页制作/CSS教程/)

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

[日期:2006-10-29] 来源:  作者: [字体: ]

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


a:hover 
{
    color 
: #F30;
text-decoration
: none;
}


p.date 
{
    font-size 
: 1.5em;
    font-weight 
: bold;    
    margin-bottom 
: 0px;
    padding 
: 2px 0px;
color 
: #393;
border-bottom
: 1px solid #999;
    
}


#leftmenu 
{    
    border-right 
: 1px solid #999;
    border-bottom 
: 1px solid #999;
    background-color 
: #F1F1F1;
    
}

    
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link 
{
    color 
: #000;
    border 
: 1px solid #F1F1F1;
}

    
#leftmenu a:hover 
{    
    background-color 
: #CCC;
    border 
: 1px solid #999;    }


#tagline 
{
    background-color 
: #69C;
    font-size
: 0.9em;
}

#top
{
    padding 
: 0px;
    background-color 
: #039;
    color 
: #000;
    background-image 
: url("");/*顶部图片*/
    background-repeat
: no-repeat;
    background-position
: left top;
}


阅读:
录入:blue1000

评论 】 【 推荐 】 【 打印
上一篇:解决长串英文字母显示不能自动换行的问题
下一篇:如何用CSS控制图片自适应大小?
相关文章      
本文评论
  hao   (uiygo8yg ,2006-11-17 )
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款