返回列表 發帖

CSS實作_1

index.php
images/bg.gif
images/tag_bg.gif
CSS/style.css
js/tagChange.js
---------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>tag</title>
    <script src="js/tagChange.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <style type="text/css">
    </style>
</head>
</html>
May

CSS實作__2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>tag</title>
    <script src="js/tagChange.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <style type="text/css">
    </style>
    <!-- 第一層 -->
    <div>
        <ul id=''>
            <li><a href='#'></a></li>
            <li><a href='#'></a></li>
            <li><a href='#'></a></li>
        </ul>
    </div>

</head>
</html>
May

TOP

CSS實作_3

body{background:#F8F8F2;}
a{color:#FA0300;text-decoration: none;}
a:visited {color:#cccc00;}      /*訪問過連結顏色*/
a:active {color:#ff22cc;}       /*執行中連結顏色*/
a:hover {color:#ffcc22;}             /*當滑鼠移到連結時連結顏色*/

#menu{width:360px;}
#menu #nav{display:black; width:100%; padding:0; margin:0; list-style:none;
background:url(../images/bg.gif);}
#menu #nav li {float:left; width:120px;}
#menu #nav li a{display:black; line-height:27px; text-decoration:none;
padding:0 0 0 5px; text-align:center;}
May

TOP

RE: CSS實作_4

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>tag</title>
    <script src="js/tagChange.js" type="text/javascript"></script>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <style type="text/css">
    </style>
    <!-- 第一層 -->
    <div id='menu'>
        <ul id='nav'>
            <li><a href='#'>tag1</a></li>
            <li><a href='#'>tag2</a></li>
            <li><a href='#'>tag3</a></li>
        </ul>
    <!-- 第二層 -->     
        <div>
        <div>
              aaaa
        </div>  
        <div>
            bbbb     
        </div>  
        <div>
             cccc
        </div>  
    </div>
</head>
</html>
May

TOP

返回列表