当前位置：首页 > 资讯 > 技术文档

div+css实现自适应宽度按钮

时间：2021-10-30 05:31 编辑：来源：阅读：
扫一扫，手机访问

摘要：div+css实现自适应宽度按钮

先来看张图片：
[img]http://files.jb51.net/upload/20071122231105290.gif[/img] 原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。而你只需要一张图片：
[img]http://files.jb51.net/upload/20071122231110605.gif[/img]

ok，看看代码吧。
CSS:

[url=#]
<a href="#">不是首页</a>
<a href="#">他也许是首页</a>
<a href="#">但他一定不是首页</a>
<a href="#">好了，就这样把。别扯了~</a>
</body>

演示：

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：如何解决下拉菜单被flash覆盖的问题
下一篇：DIV+CSS布局的网站对网站SEO的影响分析

资讯排行榜
更多>>