div+css 彩色链接效果

骑猪看日落 2022-08-23 11:53 144阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>彩色链接</title>
    <style type="text/css">
    body{ margin:0; padding:0; font-size:12px; font-family:Arial,"宋体", Helvetica, sans-serif; color:#666; background: url(../images/nav-bg.gif) repeat-x; }
    body a{outline:none;blr:expression(this.onFocus=this.blur());}
    html,body,div,form,ul,li,dl,dd,dt,img,input,span,h1,h2,h3,h4{ margin:0; padding:0; border:0; list-style:none;}
    ul,li{padding:0; margin:0; list-style-type:none;}
    .clear{clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
    h1{ font-size:28px;}h2{ font-size:24px;}h3{ font-size:18px;}h4{ font-size:12px;}
    a { color:#666; text-decoration:none; cursor:pointer;}
    .blue a{ color:#00a6e3; text-decoration:none;}
    a:hover{ color:#00a6e3; text-decoration: underline; cursor:pointer;}
    
    .fre_tit{ padding:10px 0 9px 0; *padding:8px 0 8px 0; _padding:8px 0 8px 0;}
    .fre_tit a span.fre_name span.black{ color:#666; }
    .fre_tit a,.fre_name.blue a:hover span.fre_name{ color:#00A6E3; text-decoration:none;}
    .fre_tit a:hover span.blue{ color:#00A6E3; text-decoration:underline;}
    .fre_tit a:hover span.fre_name{text-decoration:underline;}
    .fre_tit a:hover span.fre_name{color:#666;}
    
    
    </style>
    </head>
    
    <body>
    <div class="fre_tit">
        <a href="#">
          <span class="fre_name"><span class="blue"> 情侣写真</span>  <span class="black quotation">郊游·东湖公园</span></span>
        </a>
    </div>
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 DIVCSS使用要点是什么

css 兼容要点：doctYPe 影响 css 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, ie 不行 FF

爱被打了一巴掌/ 2024年04月03日 09:31/ 0 赞/ 102 阅读

相关 DIVCSS技术如何入门

css是cascading style sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助css的强大功能，网页

我会带着你远行/ 2024年04月03日 09:30/ 0 赞/ 92 阅读

相关自定义彩色进度条效果

自定义彩色进度条效果效果如下：颜色可以随意设置 ![GIUACaI.gif][] View代码 1 package angus.wsj.com.c

川长思鸟来/ 2024年02月18日 17:45/ 0 赞/ 63 阅读

相关超链接的内部链接和外部链接

<a href="http://www.baidu.com">外部链接</a> <a href="a.html">内部链接</a> 第一个是外链接，链接到外部

水深无声/ 2023年10月03日 17:55/ 0 赞/ 38 阅读

相关自定义超链接文字提示效果

自定义超链接文字提示和自带的超链接提示相比具有响应时间更快，更加美观的优点~ 1 / 超链接文字提示 / 2 $(function(){ 3

女爷i/ 2023年08月17日 17:20/ 0 赞/ 48 阅读

相关超链接的内部链接和外部链接

超链接可以分为内部链接和外部链接两种。内部链接是指网站内部文件之间的链接，而外部链接是指网站内的文件链接到站点内容外的文件。代码如下： ![在这里插入图片描述][wat

妖狐艹你老母/ 2022年12月11日 13:36/ 0 赞/ 284 阅读

相关 Unix 硬链接与符号链接(软链接)

文章目录硬链接符号链接读取符号链接本身内容硬链接通过命令`ln srcfile ne

Love The Way You Lie/ 2022年12月06日 12:53/ 0 赞/ 307 阅读

相关 css 友情链接效果,常用友情链接代码（带样式）

<div class="index\_87 common\_03 common\_01"> <div class="index\_93">友情链接</div> <div c

迷南。/ 2022年09月02日 14:55/ 0 赞/ 213 阅读

相关 div+css 彩色链接效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年08月23日 11:53/ 0 赞/ 145 阅读

相关再谈链接、静态链接、动态链接

我们知道用文本编辑器编写的“源代码”，经过编译器翻译后形成“目标代码”（主机使用的内部语言即机器语言），然而目标文件并不能直接执行，这就要说“链接”的作用了：将目标代码、库代码

柔情只为你懂/ 2022年06月09日 01:12/ 0 赞/ 303 阅读