CSS|圆角边框

最新推荐文章于 2022-11-05 12:23:00 发布

Alan_Lowe

最新推荐文章于 2022-11-05 12:23:00 发布

阅读量242

点赞数 1

分类专栏： # CSS 文章标签： css3 css html

本文链接：https://blog.csdn.net/qq_45985728/article/details/119297266

版权

CSS 专栏收录该内容

30 篇文章 1 订阅

订阅专栏

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>

在这里插入图片描述

人生没有白走的路，每一步都算数！

Alan_Lowe

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS|圆角边框

CSS|圆角边框设置边框的角，使用border-radius它一共有四个参数，分别代表左上角、右上角、右下角、左下角的曲折程度；如果只写三个参数，那么分别代表左上角、右上角和左下角、右下角；如果只写两个参数，那么分别代表左上角和右下角、右上角和左下角；如果只写一个参数，那么代表四个角<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g
复制链接

扫一扫