我的边框demo

原创 2019-04-20 14:31:35 277
摘要:<!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在哪里?貌似没有使用过。最好把运行效果图上传一下

发布手记

热门词条