各位,下面按钮的效果要怎么实现呢?谢谢

weixin_38053353 2019-09-19 02:20:23
按钮如下:就是按钮中间可以凸出一部分,带有立体效果,不知道要怎么设置,谢谢了
...全文
22 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
weixin_38058660 2019-09-19
  • 打赏
  • 举报
回复
通过边框线宽度来实现这个效果可以,在网页做按钮时,常用这种方法来实现按下的立体效果。比如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;}
weixin_38080355 2019-09-19
  • 打赏
  • 举报
回复
那也一样啊,道理就是左、上或右上边框为1或更大的值,右下和左下边框为0,这样产生视觉差,以实现立体效果。
weixin_38089719 2019-09-19
  • 打赏
  • 举报
回复
做一张图片

476

社区成员

发帖
与我相关
我的任务
社区描述
其他技术讨论专区
其他 技术论坛(原bbs)
社区管理员
  • 其他技术讨论专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧