V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
coderMonkey
V2EX  ›  Java

这种按钮是怎么画出来的

  •  
  •   coderMonkey · Oct 10, 2020 · 5112 views
    This topic created in 2026 days ago, the information mentioned may be changed or developed.
    12 replies    2020-10-10 15:47:21 +08:00
    coderMonkey
        1
    coderMonkey  
    OP
       Oct 10, 2020
    怎么上传图片啊
    zarte
        3
    zarte  
       Oct 10, 2020
    css 背景色有渐变的,然后再加阴影就可以了。
    cq65617875
        4
    cq65617875  
       Oct 10, 2020
    渐变 阴影 弧度
    azcvcza
        5
    azcvcza  
       Oct 10, 2020
    html 倒是好画,外部容器有圆角和背景渐变;中间有一个 flex 的 icon 和 text,text 带底部装饰
    DanielDing
        6
    DanielDing  
       Oct 10, 2020
    建议看下 w3c 上的 html\css 教程,重点看下渐变、弧度、阴影、flex 这几个知识点
    uminokoe
        7
    uminokoe  
       Oct 10, 2020
    可能还需要用到:hover 来显示下划线
    coderMonkey
        9
    coderMonkey  
    OP
       Oct 10, 2020
    sugars
        10
    sugars  
    PRO
       Oct 10, 2020
    Joker123456789
        11
    Joker123456789  
       Oct 10, 2020
    css: 圆角,阴影,渐变色,伪类。

    html: 图标,文字。
    himself65
        12
    himself65  
       Oct 10, 2020
    这里面全是这样的例子,你随便看看就知道了

    https://mui-treasury.com/components/card/
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5582 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 67ms · UTC 07:26 · PVG 15:26 · LAX 00:26 · JFK 03:26
    ♥ Do have faith in what you're doing.