自定义圆角

首页课程实战体系课手记专栏慕课教程

自定义圆角

来源：1-1 圆角理论(边框和圆角)

qq_羽根轻拽_03768502

2017-10-11 20:31:32

在设置圆角的时候能否详细自定义圆角的大小，比如想要设置左上角这个角，要求占据左边边框和上边边框不同的百分比和长度，例如左边占用20px上边占用30px，如何定义这样的角呢？

写回答

1回答

樱桃小胖子

2017-10-12

已采纳

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div{
            width:200px;
            height:200px;
            border:2px solid red;
            /*30px/20px其中30px表示垂直半径、20px表示水平半径*/
            /*border-radius:左上角（30px/20px） 右上角（0） 右下角（0） 左下角（0）*/
 border-radius:30px/20px 0 0 0;
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

希望可以帮到你~

hq_羽根轻拽_03768502

h 非常感谢！

h017-10-12

共1条回复

0 学习 · 5760 问题

查看课程

相似问题

圆角案例中bottom的值问题

回答 4

如何实现方框的圆角

回答 1

1-4圆角案例中，宽度如何自适应？

回答 1

回答 2

回答 1

打开慕课网App查看更多内容