您的位置：首页 > Web前端 > CSS

CSS优化UL LI打造精致的横向菜单

2009-07-29 12:24 639 查看
转自： http://blog.onlygrape.com/css-ul-li-3/392

Example Source Code：

<ul id=”nav”>
<li><a href=”http://www.onlygrape.com/”>Div+CSS教程</a></li>
<li><a href=”http://www.onlygrape.com/”>CSS布局实例</a></li>
<li><a href=”http://www.onlygrape.com/”>CSS2.0教程</a></li>
<li><a href=”http://www.onlygrape.com/”>CSS酷站欣赏</a></li>
<li><a href=”http://www.onlygrape.com/”>CSS模板下载</a></li>
</ul>
我们详细的解释与说明CSS代码，看它是如何控制这个UL LI打造CSS横向菜单的：

<!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=gb2312″ />
<title>www.onlygrape.com</title>
</style>
</head>
<body>
<ul id=”nav”>
<li><a href=”http://www.onlygrape.com/%22%3EDiv+CSS教程</a></li>
<li><a href=”http://www.onlygrape.com/%22%3ECSS布局实例</a></li>
<li><a href=”http://www.onlygrape.com/%22%3ECSS2.0教程</a></li>
<li><a href=”http://www.onlygrape.com/%22%3ECSS酷站欣赏</a></li>
<li><a href=”http://www.onlygrape.com/%22%3ECSS模板下载</a></li>
</ul>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航