html 按钮宽度自适应,div+css实现自适应宽度按钮 – CSS/HTML笔记 – CFEI.NET

CSS/HTML，

层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。

来来来......继续开搞CSS/HTML知识的分享。

先来看张图片：

       原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。而你只需要一张图片：

ok，看看代码吧。

CSS:

演示代码如下:

*{margin:0; padding:0;}

body{padding:10px; font-size:12px;}

h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}

a{background:url(1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}

a:hover{background:url(