发帖 回复
返回列表
  • 5130阅读
  • 6回复

[提问]各位，下面按钮的效果要怎么实现呢？谢谢 [复制链接]

 上一主题 下一主题
离线可爱的孩子
新手上路
 
只看楼主 倒序阅读 楼主  发表于: 2013-08-26
按钮如下：


就是按钮中间可以凸出一部分，带有立体效果，不知道要怎么设置，谢谢了
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
离线XChinux
总版主
只看该作者 1楼 发表于: 2013-08-26
通过边框线宽度来实现这个效果可以，在网页做按钮时，常用这种方法来实现按下的立体效果。

比如

a.cls_button {
   border-color:#FF0000;
   border-style:solid;
   border-width: 1px 1px 0px 0px;
   background-color;#FF0000;
   color: #0000FF;    
}

a.cls_button:hover {
   border-width: 0px 0px 1px 1px;
}
二笔 openSUSE Vim N9 BB10 XChinux@163.com 网易博客 腾讯微博
承接C++/Qt、Qt UI界面、PHP及预算报销系统开发业务
回复
举报
离线可爱的孩子
新手上路
只看该作者 2楼 发表于: 2013-08-26
回 1楼(XChinux) 的帖子
谢谢，我不要去按的，就是一启动起来就是那样的效果
回复
举报
离线可爱的孩子
新手上路
只看该作者 3楼 发表于: 2013-08-26
回 1楼(XChinux) 的帖子
我采用贴图算了
回复
举报
离线XChinux
总版主
只看该作者 4楼 发表于: 2013-08-26
那也一样啊，道理就是左、上或右上边框为１或更大的值，右下和左下边框为０，这样产生视觉差，以实现立体效果。
二笔 openSUSE Vim N9 BB10 XChinux@163.com 网易博客 腾讯微博
承接C++/Qt、Qt UI界面、PHP及预算报销系统开发业务
回复
举报
离线可爱的孩子
新手上路
只看该作者 5楼 发表于: 2013-09-05
回 4楼(XChinux) 的帖子
嗯，谢谢
回复
举报
离线fcl_andy
新手上路
只看该作者 6楼 发表于: 2013-09-06
做一张图片
回复
举报
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个