前端开发经常会从视觉设计师那里拿到比较 BT 的按钮设计效果，比较极端的就如渐变圆角自适应按钮！拿到手之后你可能会恨啊，狠归恨，工作还是得做，也许你会采用 A 标签嵌套 SPAN 标签的方法模拟一个按钮，但更极端的情况下，比如 FORM 中的按钮，不管从使用及语义讲，用非按钮标签实现都不是很妥当的。
下面就介绍一个比较实用的按钮结构的写法，是从白社会那里 KIA 来到哦，我个人觉得做的很 NICE ，SO!好东西就拿出来和大家分享：
<span class="btn"><span><button type="submit">确定</button></span></span>
很简单的代码吧^_^!
前言：这段时间我会总结我做前端开发长久以来的经验，并会把这些经验和心得写成一些文章与大家分享，希望对正在朝这一领域努力的朋友们有所帮助。
长度随字数自适应的标题栏或按钮
经常能看到网络上有很多做工精致的按钮或者标题栏，有直角方形的，也有圆角奇形怪状的，五花八门，很漂亮，我们也会从设计师手中接到一些看似复杂的按钮设计。
比如现在我们需要做一个左右两端上部是圆角…
首先我们来运行下面的例子：
[code=html]
[/code]
在IE和FF下的表现是否不太一样呢，细心的你也许已经发现，在IE下，字数多的按钮左右padding值也相应变大，这就是我们今天要解决的BUG。
从整个文件中分离出来的，这些按钮可用性比较高,可以重复使用,可以根据文字长短伸缩,在图片没有加载情况下也可以使用.
不过我的代码比较乱=.=!
IE6让我花了不少代码去HACK他,郁闷!
具体的就看代码吧!
