zoukankan      html  css  js  c++  java
  • 超链接

    去掉超链接的下划线:text-decoration:none;

    a:link  未访问的链接

    a:visited  已访问的链接

    a:hover  鼠标滑过

    a:active  鼠标按下

    例子: 

    <!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">
        .menu{
            margin:0 auto;
            font-size:36px;
            width: 1000px;
            text-align:center;}
        a{
            display: block;
            width:20%;
            height:80px;
            line-height:80px;
            float:left;
            background-color:#CCC;
            text-decoration:none;}
        a:link{/*未访问:红色*/
            color:#F00}
        a:visited{/*未访问:黄色*/
            color:#FF0}
        a:hover{/*未访问:蓝色*/
            color:#00F}
        a:active{/*未访问:绿色*/
            color:#060}
    </style>
    </head>
    
    <body>
    
    <div class="menu">
        <a href="zhuye.html">首页</a>
        <a href="shuku.html">书库</a>
        <a href="wode.html">我的</a>
    </div>
    
    </body>
    </html>
  • 相关阅读:
    浅谈线段树
    浅谈KMP
    20200729线上模拟题解
    20200727线上模拟题解
    声明
    tarjan--割点,缩点
    20201029模拟
    高精模板
    二分图--二分图的几种模型
    树的直径与树的重心
  • 原文地址:https://www.cnblogs.com/jinyufanfan/p/6283353.html
Copyright © 2011-2022 走看看