zoukankan      html  css  js  c++  java
  • 自定义CSS样式,在Hover的基础上面改成

    在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;
    }
  • 相关阅读:
    清除所有缓存命令
    web前端工程师面试技巧 常见问题解答
    Web前端开发面试技巧
    JavaScript
    JavaScript Cookie
    JavaScript 计时事件
    javascript 弹窗
    JavaScript Window Navigator
    JavaScript Window History
    JavaScript Window Location
  • 原文地址:https://www.cnblogs.com/lbk/p/539187.html
Copyright © 2011-2022 走看看