开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 3288|回复: 12
收起左侧

[JS例程分享] 每日一贴: 跟我一起学习Html5+Css3制作buttons的优点

[复制链接]

结帖率:100% (6/6)
发表于 2014-8-31 22:15:36 | 显示全部楼层 |阅读模式   上海市上海市
首先我们给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,等

评分

参与人数 1精币 +5 收起 理由
半夏时光 + 5 html5能开发安卓应用么?

查看全部评分

发表于 2017-2-4 23:07:35 | 显示全部楼层   陕西省西安市
帮你顶,分享给大家
回复 支持 反对

使用道具 举报

发表于 2017-2-4 23:07:24 | 显示全部楼层   本地局域网
连续看了4篇了,非常好
回复 支持 反对

使用道具 举报

结帖率:100% (5/5)
发表于 2015-8-20 13:17:07 | 显示全部楼层   天津市天津市
这个可以有啊!
回复 支持 反对

使用道具 举报

结帖率:100% (13/13)

签到天数: 8 天

发表于 2014-8-31 22:46:36 | 显示全部楼层   广东省清远市
例程:http://www.17sucai.com/pins/1878.html
回复 支持 反对

使用道具 举报

结帖率:100% (27/27)
发表于 2014-8-31 22:28:01 | 显示全部楼层   河南省濮阳市
半夏时光 发表于 2014-8-31 22:18
我也看不懂,咋办小寡妇

叫贫道给你掐指算算...
回复 支持 反对

使用道具 举报

结帖率:95% (21/22)

签到天数: 4 天

发表于 2014-8-31 22:27:05 | 显示全部楼层   广东省珠海市
继续膜拜大神
回复 支持 反对

使用道具 举报

结帖率:100% (1/1)
发表于 2014-8-31 22:24:57 | 显示全部楼层   河南省焦作市
宿海仁太 发表于 2014-8-31 22:24
能开发跟app一样的应用 我们现在一直用这种在开发前端  现在移动端很火

哇,突然发现妹子学这个好有前途
回复 支持 反对

使用道具 举报

结帖率:100% (6/6)
 楼主| 发表于 2014-8-31 22:24:21 | 显示全部楼层   上海市上海市
半夏时光 发表于 2014-8-31 22:22
哇,妹子居然会我帖子啦

能开发跟app一样的应用 我们现在一直用这种在开发前端  现在移动端很火
回复 支持 反对

使用道具 举报

结帖率:100% (1/1)
发表于 2014-8-31 22:22:53 | 显示全部楼层   河南省焦作市
宿海仁太 发表于 2014-8-31 22:21
学网页要会的   类似手机商诚

哇,妹子居然会我帖子啦
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表