???<meta charset="UTF-8"> ???????<title>练习五</title> ???????<style type="text/css"> ???????????*{ ???????????margin: 0px; ???????????padding: 0px; ???????????} ???????????body{ ???????????????????background: #FF0000; ???????????????} ???????????.box1{ ???????????????width: 600px; ???????????????height: 600px; ???????????????background: #000000; ???????????????border-radius: 600px; ???????????????margin: 0px auto; ???????????} ???????????.box2{ ???????????????width: 600px; ???????????????height: 300px; ???????????????background: #E0FFFF; ???????????????border-radius: 600px 600px 0px 0px; ???????????} ???????????.box3{ ???????????????width: 300px; ???????????????height: 150px; ???????????????background: black; ???????????????border-radius:300px 300px 0px 0px; ???????????????margin-top:-150px; ???????????} ???????????.box4{ ???????????????width: 300px; ???????????????height: 150px; ???????????????background: white; ???????????????border-radius:0px 0px 300px 300px; ???????????????margin-left: 300px; ???????????} ???????????.box5{ ???????????????width: 100px; ???????????????height: 100px; ???????????????background: white; ???????????????border-radius: 50px; ???????????????margin-left: 100px; ???????????????margin-top: -200px; ???????????} ???????????.box6{ ???????????????width: 100px; ???????????????height: 100px; ???????????????background: black; ???????????????border-radius: 50px; ???????????????margin-left: 400px; ???????????????margin-top: -100px; ???????????} ???????</style> ???</head> ???<body> ???????????<div class="box1"> ???????????<div class="box2"></div> ???????????<div class="box3"></div> ???????????<div class="box4"></div> ???????????<div class="box5"></div> ???????????<div class="box6"></div> ???</body></html>css边框5
原文地址：https://www.cnblogs.com/wwwljcom/p/10316017.html