V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
coderMonkey
V2EX  ›  Java

这种按钮是怎么画出来的

  •  
  •   coderMonkey · 2020-10-10 10:57:36 +08:00 · 4177 次点击
    这是一个创建于 1288 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2020-10-10 15:47:21 +08:00
    coderMonkey
        1
    coderMonkey  
    OP
       2020-10-10 10:58:30 +08:00
    怎么上传图片啊
    zarte
        3
    zarte  
       2020-10-10 11:05:34 +08:00
    css 背景色有渐变的,然后再加阴影就可以了。
    cq65617875
        4
    cq65617875  
       2020-10-10 11:09:46 +08:00
    渐变 阴影 弧度
    azcvcza
        5
    azcvcza  
       2020-10-10 11:30:14 +08:00
    html 倒是好画,外部容器有圆角和背景渐变;中间有一个 flex 的 icon 和 text,text 带底部装饰
    DanielDing
        6
    DanielDing  
       2020-10-10 11:34:53 +08:00
    建议看下 w3c 上的 html\css 教程,重点看下渐变、弧度、阴影、flex 这几个知识点
    uminokoe
        7
    uminokoe  
       2020-10-10 11:38:46 +08:00
    可能还需要用到:hover 来显示下划线
    pytth
        8
    pytth  
       2020-10-10 12:53:37 +08:00
    coderMonkey
        9
    coderMonkey  
    OP
       2020-10-10 13:13:13 +08:00
    sugars
        10
    sugars  
       2020-10-10 13:16:01 +08:00
    Joker123456789
        11
    Joker123456789  
       2020-10-10 15:46:04 +08:00
    css: 圆角,阴影,渐变色,伪类。

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

    https://mui-treasury.com/components/card/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2690 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 12:33 · PVG 20:33 · LAX 05:33 · JFK 08:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.