021淘宝官网实现圆角

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>001淘宝官网实现圆角</title>
        <link rel="stylesheet" href="../Css/001.css">
    </head>
    <body>
        <div></div>
    </body>
</html>
div{
    width: 500px;
    height: 36px;
    border: 2px solid red;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

 

运行结果：

 

 

posted @ 2021-08-15 02:41  李林林  阅读(26)  评论(0)  编辑  收藏  举报