每日一贴: 跟我一起学习Html5+Css3制作buttons的优点

宿海仁太

首先我们给Buttons定义一个类名，
这样我只需要把要制作Buttons的元素上加上这个类名，
制作Buttons可以使用任何Html标签，并不会受影响，
<div class="btn">Div Btn</div>
                                <button class="btn">Button Btn</button>
                                <input type="submit" class="btn" value="Input Btn" />
                                <a href="#" class="btn">A Link Btn</a>
                                <span class="btn">Span Tag Btn</span>
                                <p class="btn">P Tag Btn</p>
                                <h3 class="btn">H3 Tag Btn</h3>


<div class="btn">Div Btn</div>
                                <button class="btn">Button Btn</button>
                                <input type="submit" class="btn" value="Input Btn" />
                                <a href="#" class="btn">A Link Btn</a>
                                <span class="btn">Span Tag Btn</span>
                                <p class="btn">P Tag Btn</p>
                                <h3 class="btn">H3 Tag Btn</h3>

使用CSS3属性制作渐变按钮,我们只需借助Gradient属性,不需要任何图片，也不需要任何JavaScript，仅仅是纯CSS代码就能制作出靓丽好看的渐变按钮。这些Buttons可以基于字号(font-size)上，具有强大的扩展性，不会在受Buttons的内容限制，另外一点，按钮的大小可以轻松通过padding和font-size来调整。这种方法制作渐变按钮最好的部分是它可以使用html的任何标签，比如说input[type="submit"],div,button,span,a,等

ymgame01

帮你顶，分享给大家

ymgame01

连续看了4篇了，非常好

xuexiyiyuyan007

这个可以有啊！

寻找星空

例程：http://www.17sucai.com/pins/1878.html

臭臭臭臭臭Bitch

半夏时光 发表于 2014-8-31 22:18
我也看不懂，咋办小寡妇

叫贫道给你掐指算算...

大表舅

继续膜拜大神

半夏时光

宿海仁太 发表于 2014-8-31 22:24
能开发跟app一样的应用 我们现在一直用这种在开发前端  现在移动端很火

哇，突然发现妹子学这个好有前途

宿海仁太

半夏时光 发表于 2014-8-31 22:22
哇，妹子居然会我帖子啦

能开发跟app一样的应用 我们现在一直用这种在开发前端  现在移动端很火

半夏时光

宿海仁太 发表于 2014-8-31 22:21
学网页要会的   类似手机商诚

哇，妹子居然会我帖子啦