圆角边框(CSS3)
从此以后，我们的世界不只有矩形。radius 半径（距离）
语法格式：
border-radius: 50%; 让一个正方形 变成圆圈练习：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>圆角边框</title>
<style>
.box1{
width: 300px;
height: 300px;
background: pink;
border-radius: 50%;/*相当于是使四个边角到盒子中心的距离为width、height的一半 只有正方形才能变成圆*/
}
.box2{
width: 300px;
height: 200px;
background: yellow;
border-radius: 10px 0px 20px 40px;/*控制四个方向的圆角 由左上角开始 以顺时针方向依次往后*/
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
</html>效果：
229
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
