记住登录一个月发表随想还能输入：200字该用户最新代码编程随想&by by by by by by [css]代码库html {
width:100%;
height:100%;
background-color:#
font-size:18
font-family:"Arial", "Tahoma", "微软雅黑", "雅黑";
line-height:18
text-align:
padding:18
vertical-align:
input, button {
font-family:"Arial", "Tahoma", "微软雅黑", "雅黑";
vertical-align:
line-height:18
font-size:18
/* download by http://www.websjy.com */
border:solid 2px #
padding:4px 14px 4px 34
color:#959595;
background:url("image/button/ok.gif") no-repeat 8
background-color:#f9f9f9;
background:url("image/button/delete.gif") no-repeat 8
background-color:#f9f9f9;
background:url("image/button/reset.gif") no-repeat 8
background-color:#f9f9f9;
font-size:14
line-height:14
background:url("image/button/bg1.jpg") no-
color:#959595;
padding-bottom:2
line-height:22
font-size:22
background:url("image/button/bg2.jpg") no-
color:#959595;
padding-bottom:4
line-height:14
font-size:14
background:url("image/button/bg3.jpg") no-
color:#959595;
padding:0px 0px 2px 14
background:url("image/button/bg7.jpg") no-
text-indent:0
padding-bottom:4
background-position:left -37
background-position:left -74
background:url("image/button/bg10.jpg") no-
color:#FFF;
background:url("image/button/bg11.jpg") no-
color:#FFF;
background:url("image/button/bg12.jpg") no-
color:#FFF;
background:url("image/button/bg13.jpg") no-
text-indent:0
padding-bottom:4
color:#FFF;
background-position:left -40
background-position:left -80
background:url("image/button/bg16.jpg") no-
color:#FFF;
background:url("image/button/bg17.jpg") no-
color:#FFF;
background:url("image/button/bg18.jpg") no-
background:url("image/button/bg19.jpg") no-
background:url("image/button/bg20.jpg") no-
background:url("image/button/bg21.jpg") no-
color:#666;
background:url("image/button/bg22.jpg") no-
padding-left:18
background:url("image/button/bg23.jpg") no-
color:#666;
padding-left:18
background-color:#f5f5f5;
line-height:24
font-size:24
background:url("image/button/bg24.jpg") no-
color:#FFF;
padding-left:24
line-height:24
font-size:24
background:url("image/button/bg25.jpg") no-
color:#FFF;
padding-left:24
line-height:18
font-size:18
background:url("image/button/bg26.jpg") no-
color:#FFF;
padding-bottom:4
line-height:18
font-size:18
background:url("image/button/bg27.jpg") no-
color:#FFF;
padding-left:14
line-height:18
font-size:18
background:url("image/button/bg28.jpg") no-
color:#FFF;
padding:0px 0px 2px 16
line-height:18
font-size:18
background:url("image/button/bg29.jpg") no-
color:#FFF;
line-height:18
font-size:18
color:#ff6000;
background:url("image/button/bg30.jpg") no-
padding-bottom:4
line-height:18
font-size:18
padding-left:16
background:url("image/button/bg31.jpg") no-
padding-bottom:4
line-height:24
font-size:24
color:#999;
background:url("image/button/bg32.jpg") no-
padding:0px 22px 2px 0
line-height:24
font-size:24
color:#767676;
background:url("image/button/bg33.jpg") no-
padding:0px 22px 2px 0
line-height:18
font-size:18
color:#955686;
background:url("image/button/bg34.jpg") no-
padding-bottom:4
line-height:18
font-size:18
background:url("image/button/bg35.jpg") no-
padding-bottom:4
line-height:18
font-size:18
background:url("image/button/bg36.jpg") no-
padding-bottom:4
background-color:#000;
color:#FFF;
border-top:solid 1px #b766e5;
border-left:solid 1px #b766e5;
border-bottom:solid 1px #4b1561;
border-right:solid 1px #4b1561;
background:url("image/button/bg37.jpg") repeat-
color:#FFF;
background:url("image/button/bg38.jpg") no-
padding-bottom:2
background:url("image/button/bg39.jpg") repeat-
color:#FFF;
padding:0px 20px 0px 20
background:url("image/button/bg40.jpg") repeat-
padding-bottom:2
color:#FFF;
background:url("image/button/bg41.jpg") repeat-
color:#FFF;
background:url("image/button/bg42.jpg") repeat-
color:#e9adf3;
padding-bottom:36
background:url("image/button/bg43.jpg") repeat-
color:#fffea4;
padding-bottom:36
background:url("image/button/bg44.jpg") repeat-
font-size:14
line-height:14
padding-top:4
background:url("image/button/bg45.jpg") repeat-
padding-bottom:18
padding-left:14
background:url("image/button/bg46.jpg") repeat-
color:#666;
padding-bottom:18
background:url("image/button/bg47.jpg") repeat-
color:#097b96;
padding-bottom:2
/* http://www.websjy.com */
background:url("image/button/bg48.jpg") repeat-
color:#8bf8
padding-bottom:18
background:url("image/button/bg49.jpg") repeat-
background:url("image/button/bg50.jpg") repeat-
[代码运行效果截图][源代码打包下载](50积分)[101 次下载]分享到：更多共5 条评论
发表评论：评论须知：1、评论每次加2分，每天上限为30；2、请文明用语，共同创建干净的技术交流环境；3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。50个css做的button美化效果
脚本大小：232KB
脚本语言：简体中文
脚本类型：
脚本授权：免费软件
更新时间：
脚本类别：CSS特效
相关链接：
网友评分：
应用平台：
9KB | 简体中文
232KB | 简体中文
816KB | 简体中文
3KB | 简体中文
40KB | 简体中文
6KB | 简体中文
320KB | 简体中文
40KB | 简体中文
73KB | 简体中文
下载错误？
50个css做的button美化效果你的位置： >
> 50个完美到像素级别的按钮设计
按钮是网站中不可缺少的一个部分，用户的交互基本上需要按钮去完成，在用户体验大行其道的同时，其实没有多少个网站可以做到按钮完美到像素级别的。今天分享：50个完美到像素级别的按钮设计。希望大家可以学习一下。
转载请注明： &
与本文相关的文章怎样点击按钮一次就可以让div向右移动50 px._百度知道
怎样点击按钮一次就可以让div向右移动50 px.
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
来自电脑网络类芝麻团
采纳数：785
获赞数：1618
参与团队：
用JavaScript来实现，按钮添加点击事件，控制div的位置就好，有个附件给你看看，这是一种简单的写法，当然，还有很多写法，你可以用js慢慢尝试下。
来自电脑网络类芝麻团
采纳数：95
获赞数：553
参与团队：
这个简单，给按钮绑定一个事件。使用javascript就能实现。
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。遇到的问题:　　使用&input&标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图:
问题解决:　　&input&是内联块状元素(inline-block);
　　内联元素是当做字体来处理的，字体之间是有间隔的，所以内联元素之间也是有间隔的;
　　将&input&父级字体(font-size)设为0px，可以消除间隔，但是重新设置内联元素(&input&)的字体大小;
修改后的代码:
修改后的样式:
参考内容:http://www.imooc.com/qadetail/66458
阅读(...) 评论()