Skip to content

[css] 第131天 举例说明实现圆角的方式有哪些？ #1109

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
haizhilin2013 opened this issue Aug 24, 2019 · 4 comments
Open

[css] 第131天 举例说明实现圆角的方式有哪些？ #1109

haizhilin2013 opened this issue Aug 24, 2019 · 4 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第131天 举例说明实现圆角的方式有哪些？
@haizhilin2013 haizhilin2013 added the css css label Aug 24, 2019
@ajycc20
Copy link

ajycc20 commented Aug 25, 2019

只用过border-radius: xxx;
border-radius: 4px;
border-radius: 4px 8px;: top-left,bottom-right; top-right, bottom-left
border-radius: 4px 8px 4px;: top-left; top-right, bottom-right; bottom-left
border-radius: 4px 4px 8px 8px;: top-left; top-right; bottom-right; bottom-left

@EmiyaYang
Copy link

一般情况下border-radius够用了。想制作特殊的圆角可以用蒙层。

@Konata9
Copy link

Konata9 commented Aug 25, 2019

  1. 不使用 border-radius 的情况下只能用切图代替。此时非常有局限性，因为必须要定高定宽了。
  2. 最常用的 border-radius 来实现。

@forever-z-133
Copy link

记得张鑫旭老师有用 border 的 dotted 样式画过圆角。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@haizhilin2013 @Konata9 @forever-z-133 @EmiyaYang @ajycc20