0731-55587844
其他(360、58、霸屏、搜狗、小程序)等代理合作请发邮箱254596208@qq.com
站内公告:  如果您有其它业务联系,请发邮件至yaner@y1web.com邮箱,谢谢您的配合!
营销型网站建设第一品牌——优度网络
现在的位置:首页 > 发布营销型网站建设 > 新闻资讯 > DIV 无须表格的菜单制作
DIV 无须表格的菜单制作
信息来源:优度网络  发布日期:2009/3/23 浏览数量:1136
文章导读:

实例:

<html>
<head>
<title>无需表格的菜单</title>
<style>
<!--
body{
 background-color:#ffdee0;
}
#navigation {
 width:200px;
 font-family:Arial;
}
#navigation ul {
 list-style-type:none;    /* 不显示项目符号 */
 margin:0px;
 padding:0px;
}
#navigation li {
 border-bottom:1px solid #ED9F9F; /* 添加下划线 */
}
#navigation li a{
 display:block;      /* 区块显示 */
 padding:5px 5px 5px 0.5em;
 text-decoration:none;
 border-left:12px solid #711515;  /* 左边的粗红边 */
 border-right:1px solid #711515;  /* 右侧阴影 */
}
#navigation li a:link, #navigation li a:visited{
 background-color:#c11136;
 color:#FFFFFF;
}
#navigation li a:hover{     /* 鼠标经过时 */
 background-color:#990020;   /* 改变背景色 */
 color:#ffff00;      /* 改变文字颜色 */
}
-->
</style>
   </head>
<body>
<div id="navigation">
 <ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">My Blog</a></li>
  <li><a href="#">Friends</a></li>
  <li><a href="#">Next Station</a></li>
  <li><a href="#">Contact Me</a></li>
 </ul>
</div>
</body>
</html>

相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
  • 自动流水线嘉
  • 湖南省湘江重
  • 湘潭家居\建
  • 湘潭学校微网
0731-55587844
传真:0731-55587844
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
优度官方微信扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页