您当前的位置: 首页 » DIV+CSS编程 » CSS制作的一款非常简单的韩国风格菜单
CSS制作的一款非常简单的韩国风格菜单
论坛链接
CSS制作的一款非常简单的韩国风格菜单，非常简单，代码非常清晰！而且比较精简。
<!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>www.tzlink.com</title>
<style type="text/css">
<!--
* {font-size:13px;font-family:Arial;}
#nav li {list-style:none; width:200px; margin-top:5px;padding:4px 6px;}
#nav li a {text-decoration:none; color:#666;}
#nav li a:hover {color:#000;}
.aa {border-top:4px solid #7BC110; background:#be6;}
.bb {border-top:4px solid #ff9900; background:#fc3;}
.cc {border-top:4px solid #ff66ff; background:#fcf;}
-->
</style>
</head>
<body>
<ul id="nav">
<li class="aa"><a href="http://www.tzlink.com/">CSS Templates Free Download </a></li>
<li class="bb"><a href="http://www.tzlink.com/">CSS WebSites Showcase </a></li>
<li class="cc"><a href="http://www.tzlink.com/">CSS Web Design Article </a></li>
</ul>
</body>
</html>
<!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>www.tzlink.com</title>
<style type="text/css">
<!--
* {font-size:13px;font-family:Arial;}
#nav li {list-style:none; width:200px; margin-top:5px;padding:4px 6px;}
#nav li a {text-decoration:none; color:#666;}
#nav li a:hover {color:#000;}
.aa {border-top:4px solid #7BC110; background:#be6;}
.bb {border-top:4px solid #ff9900; background:#fc3;}
.cc {border-top:4px solid #ff66ff; background:#fcf;}
-->
</style>
</head>
<body>
<ul id="nav">
<li class="aa"><a href="http://www.tzlink.com/">CSS Templates Free Download </a></li>
<li class="bb"><a href="http://www.tzlink.com/">CSS WebSites Showcase </a></li>
<li class="cc"><a href="http://www.tzlink.com/">CSS Web Design Article </a></li>
</ul>
</body>
</html>