摘要:<!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>
批改老师:西门大官人批改时间:2019-04-22 09:28:02
老师总结:border2在哪里?貌似没有使用过。最好把运行效果图上传一下