CSS圆角border-radius

Question

图中间的圆角用css怎么实现

Answer 1

border-radius: 25px 或者50px

Answer 2

border-left-top-radius: height / 2

Answer 3

两个方案:第一个是用

            border-bottom-left-radius:高度/2
            border-top-left-radius:高度/2
            border-bottom-right-radius:高度/2
            border-top-right-radius: 高度/2
            
            

第二个方案用伪类:

    :before 
    :after
    设定border-radius为50%

第三个方案直接用:border-radius为50%

Answer 4

可以给banner图外面加个div，然后这个div的border-radius的左下和右下设置的很大(border-radius可以分别设置左上、右上、右下和左下四个值)，再加上overflow:hidden实现

Answer 5

直接切图就是了，css也能做，就是麻烦

Answer 6

border-radius 为高度的一半