这种按钮是怎么画出来的

2020-10-10 10:57:36 +08:00
 coderMonkey
4364 次点击
所在节点    Java
12 条回复
coderMonkey
2020-10-10 10:58:30 +08:00
怎么上传图片啊
coderMonkey
2020-10-10 11:03:12 +08:00
https://wxt.sinaimg.cn/thumb300/005NgIS3gy1gjk2387gq0j30na09fgn3.jpg?tags=%5B%5D
zarte
2020-10-10 11:05:34 +08:00
css 背景色有渐变的，然后再加阴影就可以了。
cq65617875
2020-10-10 11:09:46 +08:00
渐变 阴影 弧度
azcvcza
2020-10-10 11:30:14 +08:00
html 倒是好画，外部容器有圆角和背景渐变；中间有一个 flex 的 icon 和 text，text 带底部装饰
DanielDing
2020-10-10 11:34:53 +08:00
建议看下 w3c 上的 html\css 教程，重点看下渐变、弧度、阴影、flex 这几个知识点
uminokoe
2020-10-10 11:38:46 +08:00
可能还需要用到:hover 来显示下划线
pytth
2020-10-10 12:53:37 +08:00
https://www.runoob.com/css3/css3-gradients.html
coderMonkey
2020-10-10 13:13:13 +08:00
sugars
2020-10-10 13:16:01 +08:00
https://ysoftaoglu.github.io/GradientButtons/
Joker123456789
2020-10-10 15:46:04 +08:00
css: 圆角，阴影，渐变色，伪类。

html: 图标，文字。
himself65
2020-10-10 15:47:21 +08:00
这里面全是这样的例子，你随便看看就知道了

https://mui-treasury.com/components/card/

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/713563

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX