博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

CSS 练习~1

Posted on 2007-07-18 22:57  Snapping  阅读(178)  评论(0)  编辑  收藏  举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        .some_container ul
        {
            background-color:#cccccc;
            list-style:none;

        }

        .some_container
        {
            margin:0;
            padding:0.5em;
        }

        #menu
        {
            margin:0;
            padding:0.5em;
        }



        .some_container ul li a
        {
            color:#000000;
            text-decoration: none;
        }

        #menu a:hover
        {
            color:orange;
            text-decoration: underline;
            font-weight:bold;
            font-style: italic;
        }

        #menu li
        {
            margin:0.5em;
            padding:0.5em;
            background-color:lightgreen;
        }

    </style>
 </HEAD>

 <BODY>

<div class="some_container">
<ul id="menu">
    <li><a href="#">首页</a></li>
    <li><a href="#" style="">关于我们</a></li>
    <li><a href="#">爱问</a></li>
    <li><a href="#">三德子</a></li>
</ul>
</div>

<ul id="menu1">
    <li><a href="#">首页</a></li>
    <li><a href="#" style="">关于我们</a></li>
    <li><a href="#">爱问</a></li>
    <li><a href="#">三德子</a></li>
</ul>



 </BODY>
</HTML>