DIV CSS 横向菜单栏

最新推荐文章于 2023-04-05 17:37:57 发布

jy451928923

最新推荐文章于 2023-04-05 17:37:57 发布

阅读量167

点赞数

文章标签： xhtml

本文链接：https://blog.csdn.net/jy451928923/article/details/84251785

版权

<!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" />
<style type="text/css">
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
a { color: #000; text-decoration: none; }
a:hover { color: #F00; }
#menu { width:500px; height:28px; margin:0 auto; border-bottom:3px solid #E10001;}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { float:left; margin-left:2px;}
#menu ul li a {
display:block;
width:87px;
height:28px;
line-height:28px;
edui-filter-align-center
font-size:14px;
background-color: #666666;
}
#menu ul li a:hover {
color: #FFFFFF;
background-color: #999933;
}
#menu ul li a#current {
font-weight:bold;
color:#fff;
background-color: #000000;
background-repeat: no-repeat;
background-position: 0 0;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a id="current" href="#">首页</a></li>
<li><a href="#">网页版式</a></li>
<li><a href="#">web教程</a></li>
<li><a href="#">web实例</a></li>
<li><a href="#">常用代码</a></li>
</ul>
</div>
</body>
</html>

jy451928923

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DIV CSS 横向菜单栏

body { font-family: Verdana; font-size: 12px; line-height: 1.5; }a { color: #000; text-decoration: none; }a:hover { color: #F00; }#menu { width:500px; height:28px; margin:0 auto; borde...
复制链接

扫一扫