13、【视频】CSS滑动门技术宽度自适应按钮

作者:×××　来源:标准之路　【大 中 小】　浏览:　添加日期：2010-07-05　我要评论(32)　

滑动门技术自适应宽度按钮指按钮的宽度可以随着内容的多少而改变，这个在导航菜单上的应该尤为广泛

<!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" />
<style>
#nav ul { list-style:none; margin: 0px; padding: 0px; height:31px; background:url(/upload/2010-07/05/13.gif) 0 bottom repeat-x; overflow:hidden;}
#nav li { float: left; margin-left: 5px; }
#nav a { display: block; float:left; height: 28px; line-height: 28px; text-align:center; color: #da4901; font-weight:bold; background:url(/upload/2010-07/05/13.gif) right -28px no-repeat; padding-right:18px;  text-decoration: none; }
#nav a span { display:block; background:url(/upload/2010-07/05/13.gif) left -28px no-repeat; padding-left:18px;}
#nav a:hover { background:url(/upload/2010-07/05/13.gif) right 0 no-repeat; color:#fff;}
#nav a:hover span { background:url(/upload/2010-07/05/13.gif) left top no-repeat;}
</style>
</head>
<body>
<div id="nav">
  <ul>
    <li><a href="#"><span>首页</span></a></li>
    <li><a href="#"><span>新首页</span></a></li>
    <li><a href="#"><span>视频教程</span></a></li>
    <li><a href="#"><span>网页版式布局</span></a></li>
  </ul>
</div>
</body>
</html>

标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）

〖DIV+CSS教程〗Tags: 视频 视频教程 新手入门 滑动门 自适应

所属专题：新手常见问题

上一篇：12、【视频】CSS Sprites技术
下一篇：14、【视频】相对定位和绝对定位

13、【视频】CSS滑动门技术宽度自适应按钮

作者:×××　来源:标准之路　【大 中 小】　浏览:　添加日期：2010-07-05　我要评论(32)

〖DIV+CSS教程〗Tags: 视频 视频教程 新手入门 滑动门 自适应

所属专题：新手常见问题

相关文章

更多评论(32)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

13、【视频】CSS滑动门技术宽度自适应按钮

作者:××× 来源:标准之路 【大 中 小】 浏览: 添加日期：2010-07-05 我要评论(32)

〖DIV+CSS教程〗Tags: 视频 视频教程 新手入门 滑动门 自适应

所属专题：新手常见问题

相关文章

更多评论(32)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

作者:×××　来源:标准之路　【大中小】　浏览:　添加日期：2010-07-05　我要评论(32)　

〖DIV+CSS教程〗Tags: 视频视频教程新手入门滑动门自适应