CSS自适应宽度圆角按钮
2008-12-05 10:08
375 查看
#aa h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}
#aa a{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
#aa a:hover{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left -30px;height:30px;}
#aa a span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; height:16px;}
#aa a:hover span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right -30px; color:#000; padding:9px 8px 5px 0; margin:0 0 0 8px; height:16px; }
#aa a{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
#aa a:hover{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left -30px;height:30px;}
#aa a span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; height:16px;}
#aa a:hover span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right -30px; color:#000; padding:9px 8px 5px 0; margin:0 0 0 8px; height:16px; }
CSS自适应宽度圆角按钮
首页 不是首页 他也许是首页 但他一定不是首页 好了,就这样把。别扯了~<style> a{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;} #aa a:hover{background:url(http://5key.net/demo/liquid-css-menu/1.gif) left -30px;height:30px;} #aa a span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right 0; padding:9px 8px 5px 0; margin:0 0 0 8px; float:left; height:16px;} #aa a:hover span{background:url(http://5key.net/demo/liquid-css-menu/1.gif) right -30px; color:#000; padding:9px 8px 5px 0; margin:0 0 0 8px; height:16px; } </style> <div id="aa"> <h1><strong>CSS自适应宽度圆角按钮</strong></h1> <a href="#"><span>首页</span></a> <a href="#"><span>不是首页</span></a> <a href="#"><span>他也许是首页</span></a> <a href="#"><span>但他一定不是首页</span></a> <a href="#"><span>好了,就这样把。别扯了~</span></a> </div> |
相关文章推荐
- CSS自适应宽度圆角按钮
- 圆角自适应宽度按钮的css实现
- CSS自适应宽度圆角按钮
- CSS自适应宽度圆角按钮
- [CSS]自适应宽度圆角按钮
- CSS自适应宽度圆角按钮
- CSS自适应宽度圆角按钮
- CSS:浅谈自适应宽度圆角按钮实现
- CSS背景图片自适应文字宽度圆角按钮
- CSS:浅谈自适应宽度圆角按钮实现
- CSS自适应宽度圆角按钮
- css圆角box(宽度自适应)(依据三列布局修改,ie6有bug)
- div+css实现自适应宽度按钮
- CSS滑动门技术宽度自适应按钮
- 用css样式定义圆角背景图片按钮根据文字自适应宽度的方法
- css圆角背景图片按钮-自适应内容大小
- 漂亮的自适应宽度的多色彩CSS图片按钮
- 自适应宽度圆角按钮
- 自适应宽度圆角按钮,导航,用到了滑动门技术
- CSS自适应宽度按钮