用边框属性完成一个圆形
至诚网络2019-03-21 17:08:18213<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框</title>
<style type="text/css">
.box{width: 400px;height: 400px;border:100px solid red;
border-top-color:#6600FF;
border-right-color:#9900FF;
border-bottom-color:#CC00FF;
border-left-color:#FF00FF;
border-radius: 400px;
}
button{border:none;width: 100px;height: 100px;font-size: 32px;color: #3300FF;margin:150px;background: red;border-radius: 50px;}
</style>
</head>
<body>
<div class="box">
<button>旋转</button>
</div>
</body>
</html>