サマリー：<!DOCTYPE html> <html> <head> <title>圓</title> <style type="text/css"> .border1{width: 350px;height: 200px;border: 1px s
<!DOCTYPE html>
<html>
<head>
<title>圓</title>
<style type="text/css">
.border1{width: 350px;height: 200px;border: 1px solid black;border-radius: 50%;text-align: center;line-height: 200px;position: relative;}
.border1:before,.border1:after{content:"";position: absolute;display: block; width: 50px;height: 50px;border-radius: 50%;border: 1px solid black;bottom: -25px;right: 0px}
.border1:after{width: 30px;height: 30px;bottom:-55px;right: -30px}
.border2{width: 300px;height: 400px;background: skyblue;}
</style>
</head>
<body>
<div class="border1">border屬性</div>
</html>
添削の先生：西門大官人添削時(shí)間：2019-04-22 09:28:02
先生のまとめ：border2在哪里？貌似沒有使用過。最好把運(yùn)行效果圖上傳一下