1、圆角边框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
border-radius: 20px 50px 30px 40px;
左上 右上 右下 左下（顺时针）
-->
<!-- 圆圈： 圆角=半径 -->
<style>
div{
width: 100px;
height: 100px;
border: 10px solid green;
border-radius: 20px 50px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>结果图：
2、阴影
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- margin: 0 auto;
居中要求：块元素，块元素有固定的宽度
-->
<style>
img{
margin: 0 auto;
border-radius: 50px;
box-shadow:10px 10px 10px yellow
}
</style>
</head>
<body>
<div>
<img src="images/w.png" alt="">
</div>
</body>
</html>结果图：
1112
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
