css如何控制图片随意圆角样式？（示例）
[摘要]本篇文章主要给大家介绍如何用css使图片产生圆角边框。1、css图片左边变成圆角代码示例：<!DOCTYPE HTML>
<html lang="en">...
本篇文章主要给大家介绍如何用css使图片产生圆角边框。1、css图片左边变成圆角
代码示例：
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>css图片左边变成圆角</title>
<meta charset="UTF-8">
<style type="text/css">
.wrapper img {
border-top-left-radius:2em;
border-bottom-left-radius:2em;
}
</style>
</head>
<body>
<div class="wrapper">
<img src="2.png" />
</div>
</body>
</html>效果如下图：
2、css图片居中且css图片图片圆角边框显示
代码示例：
<!DOCTYPE HTML>
<html>
<head>
<title>css img 圆形角边示例</title>
<meta charset="UTF-8">
<style type="text/css">
.wrapper{
width: 200px;
height: 100px;
margin: 0 auto;
}
.wrapper img {
border-radius:2em;
}
</style>
</head>
<body>
<div>
<img src="2.png" />
</div>
</body>
</html>