<!DOCTYPE html>
<head>
<meta charset="{CHARSET}">
<title></title>
<style>
*{
margin:0px;
padding:0px;
}
.plat{position:absolute;left:50%;top;50%; height:220;width:380;}
.circle1,.circle2,.circle3,.circle4,.circle5{width:100px;height:100px;border:10px solid black;border-radius: 50%;position:absolute;}
.circle1{border-color:green;left:0px;top:0px;}
.circle2{border-color:black;left:120px;top:0px;}
.circle3{border-color:red;left:240px;top:0px;}
.circle4{border-color:yellow;left:60px;top:60px;}
.circle5{border-color:blue;left:180px;top:60px;}
</style>
</head>
<body>
<div class="plat">
<div class="circle1">
</div>
<div class="circle2">
</div>
<div class="circle3">
</div>
<div class="circle4">
</div>
<div class="circle5">
</div>
</div>
<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
老师请问一下,试作测试一个将五环定位的页面正中固定,但结果不对呢,该怎样改?