Skip to content

[css] 第699天 border-radius是多可以赋多少个值? #3688

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第699天 border-radius是多可以赋多少个值?

3+1官网

我也要出题

Activity

xsSeek

xsSeek commented on Mar 15, 2021

@xsSeek

该属性是一个 简写属性,是为了将这四个属性 border-top-left-radius、border-top-right-radius、border-bottom-right-radius,和 border-bottom-left-radius 简写为一个属性。 4个

Joevin-Tang

Joevin-Tang commented on Mar 17, 2021

@Joevin-Tang

border-radius: 50%; 这是简写的方式,它代表了 border-radius: 50% 50% 50% 50%; 分别代表的意思是 border-top-left-radius、border-top-right-radius、border-bottom-right-radius 和 border-bottom-left-radius (左上,右上,右下,左下)。
border-radius: 10% 20% 30% 50% / 10% 20% 30% 50%; 那这种写法又是什么意思呢?符号 / 前代表着水平方向的圆弧,后者代表是垂直方向的圆弧。所以 border-radius: 50% 50% 50% 50%; 也算另一种简写,每一个50%都代表者水平和垂直方向50%的弧度。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@Joevin-Tang@xsSeek

        Issue actions

          [css] 第699天 border-radius是多可以赋多少个值? · Issue #3688 · haizlin/fe-interview