搜尋

首頁  >  問答  >  主體

这种凹角用css3如何实现

PHP中文网PHP中文网2872 天前1234

全部回覆(5)我來回復

  • 怪我咯

    怪我咯2017-04-17 12:00:02

    雷雷

    回覆
    0
  • 黄舟

    黄舟2017-04-17 12:00:02

    雷雷

    回覆
    0
  • 天蓬老师

    天蓬老师2017-04-17 12:00:02

    假設這個p id是a

            #a {
                width: 100px;
                height: 300px;
                background: radial-gradient(circle at top left,
                transparent 8px, #e6e4b7 0) top left,
                radial-gradient(circle at top right,
                        transparent 8px, #e6e4b7 0) top right,
                radial-gradient(circle at bottom right,
                        transparent 8px, #e6e4b7 0) bottom right,
                radial-gradient(circle at bottom left,
                        transparent 8px, #e6e4b7 0) bottom left;
                background-size: 50% 50%;
                background-repeat: no-repeat;
            }

    具體參數自己調一下

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 12:00:02

    邊界半徑?

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 12:00:02

    這是橫著的,但也比較接近了:
    http://jsfiddle.net/x4wLf/

    回覆
    0
  • 取消回覆