导航条菜单制作(垂直导航)

最新推荐文章于 2023-01-09 16:22:16 发布

ArchurSpace

最新推荐文章于 2023-01-09 16:22:16 发布

阅读量919

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/sp1336542268/article/details/44236833

版权

web前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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=utf-8" />
<title>导航菜单</title>
<style type="text/css">
*{margin:0; padding:0; font-size:14px;}
ul{ list-style:none; width:100px}
a{color:#333;text-decoration:none}
.nav li a{ 
    display:block; 
    text-indent:20px; 
    height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style>


</head>
<body>


<ul class="nav">
    <li><a href="#">首    页</a></li>
    <li><a href="#">新闻快讯</a></li>
    <li><a href="#">产品展示</a></li>
    <li><a href="#">售后服务</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>


</body>
</html>

<img src="https://img-blog.csdn.net/20150313094420982?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3AxMzM2NTQyMjY4/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

ArchurSpace

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
导航条菜单制作(垂直导航)

无标题文档*{margin:0;padding=0;font-size=14px}a{text-decoration:none;color=#333} .nav li a{ display:block; text-indent:20px; height:30px; line-height:30px; width:120px; background-color:#efefef; margin
复制链接

扫一扫