zoukankan      html  css  js  c++  java
  • 超链接 重新 设置

    介绍一下超链接效果css代码: 
    a:linlk   未被访问前的样式  
    a:visited 已被访问过时的样式  
    a:hover 鼠标悬停在上面时的样式  
    3者必须按顺序写。 

    实例一、让你的空间超链接下面那条横线消失 
    直接复制粘贴以下代码到css: 
    div a:link,div a:visited{ text-decoration: none; } 
    代码说明: 
    text-decoration取值有: 
    none : 默认值。无装饰  
    blink : 闪烁  
    underline : 下划线  
    line-through : 贯穿线  
    overline : 上划线  

    比如 
    text-decoration:underline;就表示一条实下划线; 
    另外,border-bottom也可以来实现它 
    border-bottom: 1px dotted;就表示一条1px的虚下划线; 
    border-bottom: #000000 1px   solid;就表示一条黑色1px的实下划线。 

    实例二、让文章中的超链接没有下划线,并且平时是红色,鼠标上去以后是蓝色,并有虚下划线,下划线为绿色 
    代码如下: 
    #m_blog div.cnt a:link, 
    #m_blog div.cnt a:visited{ 
    color: #ff0000; text-decoration: none; 

    #m_blog div.cnt a:hover{ 
    color: #0000ff; border-bottom: #00ff00 1px dotted 


    a:link和a:visited属性一样,中间放个逗号把它们合在一起写。 
    如要修改文章下面的“阅读全文”的超链接,只需要将上面的#m_blog div.cnt更换成#m_blog div.more就行了。 
    编辑,评论等的超链接id是#m_blog div.opt,更换掉就可以。 
    如果你要换其它地方,只要把id更换一下就可以。 

    实例三、本blog导航条效果的超链接 
    代码如下: 
    #tab a,#tab a:link,#tab a:visited{  
    color: #000000;  
    background-color: #404040;  
    text-decoration: none; } 
    /*没选中的栏目,鼠标不在上面时的样子,黑色的字,#404040的背景色,没下划线*/ 
    #tab a:hover{ 
    background-color: #bfbfbf; 
    border-top: #cccccc 1px solid; 
    border-bottom: 0px} 
    /*没选中的栏目,鼠标在上面时的样子,#bfbfbf的背景色,上面一条1px的#cccccc实线*/  
    #tab a.on,#tab a.on:link,#tab a.on:visited,#tab a.on:hover{ 
    background-color: #ffffff; 
    border-top: 0px; 
    border-bottom: 1px; 
    padding-bottom: 1px; 
    padding-top: 0px; } 
    /*选中的栏目的样子*/ 

         超链接修改心得,一个blog里1到2种超链接样式就可以了。所以我把原始的css超链接全删了, 
    定义了div a:link,div a:visited,div a:hover,这是全局的。 
    然后再把个别的超链接重新定义一下,如blog标题,导航条的链接。  
  • 相关阅读:
    获得H.264视频分辨率的方法
    学习Mathematica
    关于LaTeX公式排版
    关于Jordan标准形
    关于surface gradient
    Jacobi-Anger expansion
    两个1/x类的广义函数
    积分计算相关内容
    关于multi-index
    关于$mathcal{D}(0,1)$上的一个有趣结论
  • 原文地址:https://www.cnblogs.com/ggbbeyou/p/1367880.html
Copyright © 2011-2022 走看看