• 超链接 重新 设置


    介绍一下超链接效果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标题,导航条的链接。  
  • 相关阅读:
    RabbitMQ 记录
    RabbitMQ 问题记录
    (转)非常完善的Log4net详细说明
    (转)【推荐】初级.NET程序员,你必须知道的EF知识和经验
    移动相关
    (转)2014年最新前端开发面试题(题目列表+答案 完整版)
    Unity IOC容器的简单应用(转)
    httpclient模拟post请求json封装表单数据
    《SpringMVC从入门到放肆》六、SpringMVC开发Controller的方法总结
    《SpringMVC从入门到放肆》五、SpringMVC配置式开发(处理器适配器)
  • 原文地址:https://www.cnblogs.com/ggbbeyou/p/1367880.html
Copyright © 2020-2023  润新知