zoukankan      html  css  js  c++  java
  • css列表属性实例代码

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>列表属性实例</title>
    <style type="text/css">
    a {
    text-decoration:none;
    }
    a:link {
     color:#00FF00;
     
     text-decoration: none;
    }
    a:visited {
     color:#FFFF00;
     
     text-decoration: none;
    }
    a:hover {
     
     text-decoration: underline;
     color: #FF0000;
    }
    a:active {
     
     text-decoration: none;
     color: #FF00FF;
    }

    </style>

     

    <style>

    .big { font-size:130%; font-weight:bold; }
    #zhu { 12em; color:#FF0000;}
    ol{ list-style-type:upper-alpha;}
    </style>
    <link rel="stylesheet" type="text/css" href="css1.css" />
    <style>
    #liu {
    100%; height:100px; line-height:18px; padding:6px;
    color:#FF0000;
    background:#005599 url(Winter.jpg) no-repeat scroll right bottom;
    }
    </style>
    </head>

    <body>
    <h1 style="color:#0000FF; ">
    <ol>
    <font color="red"; size="+3";><li>这是第一行。</li></font>
    <font style="background-color:#FF00FF ";><li>这是第二行。</li></font>
    <font style=" list-style-type:none"; class="n";><li >这是第三行。</li></font>
    <li class="n";>这是第四行。</li>
    <li><span class="n">这是第五行。</span></li>
    </ol>
    </h1>
    <hr>
    <br>
    <br>
    <div id="liu">背景与颜色属性实例</div>
    <br>
    <br>
    <div name="cat">

    <h1>heading here</h1>
    <p> lorem ipsum dolor sit amet.</p>
    <p class="big">lorem ipsum dolor <em>sit</em> amet.</p>
    <hr>
    </div>
    <div name="nav">
    <ul>
    <li>item 1</li>
    <li class="big">item 2</li>
    <li id="zhu" >item 3</li>
    <li class="n" >item 4</li>
    <li><h1>item 5</h1></li>
    <li ><em >item 6</em></li>
    <p ><li >item 7</li></p>
    <p style="text-decoration:underline ;" ><li>item 8</li></p>
    </ul>
    </div>
    <hr>
    <a href="#" >A LOVE OR HARE</a><br>
    <br>
    <br>
    <a href="#" >I LOVE YOU</a><br>
    <br>
    <br>
    </body>
    </html>

  • 相关阅读:
    漫话性能:USE方法
    MIPI 屏参调试
    Linux下访问匿名页发生的神奇“化学反应”
    USB 2.0 suspend resume
    谈谈Linux内核驱动的coding style
    Apollo ROS原理(一)
    BMS(电池管理系统)第五课 ——核心!!!SOH算法开发
    蓝牙核心技术概述(一)蓝牙概述
    BMS(电池管理系统)第三课 ——BMS功能清单和采样要求
    登录密码加密vue版(转载)
  • 原文地址:https://www.cnblogs.com/liuzhuqing/p/7481230.html
Copyright © 2011-2022 走看看