0
点赞
收藏
分享

微信扫一扫

CSS|圆角边框


CSS|圆角边框

设置边框的角,使用border-radius

它一共有四个参数,分别代表左上角、右上角、右下角、左下角的曲折程度;

如果只写三个参数,那么分别代表左上角、右上角和左下角、右下角;

如果只写两个参数,那么分别代表左上角和右下角、右上角和左下角;

如果只写一个参数,那么代表四个角

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圆角边框</title>
<style>div{
width: 300px;
height: 300px;
border: 10px solid blue;
/*border-radius:左上角,右上角,右下角,左下角(和margin、padding一样也是顺时针)*/
border-radius: 100px 50px 25px 0px;
}</style>
</head>
<body>

<div></div>

</body>
</html>

CSS|圆角边框_html

人生没有白走的路,每一步都算数!


举报

相关推荐

0 条评论