1.圆角 - HTML5&CSS3.0基础部分-xyphf

xyphf_和派孔明

于 2017-07-04 11:55:56 发布

阅读量338

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/xyphf/article/details/74309684

版权

HTML5 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
<style>
#div1{width:200px; height:200px; background:red; border-radius:50%;}

#div2{width:200px; height:200px; background:red; 
    border-radius:1em;/*单位*/
}

#div3{width:200px; height:200px; background:red; 

    border-radius:10px 30px 50px 100px;
                /*左上 右上 右下 左下*/
}

</style>
</head>
<body>
<div id="div1"></div>

<div id="div2"></div>

<div id="div3"></div>
</body>
</html>