用边框属性完成一个圆形

Original 2019-03-21 17:08:18 213
abstract:<!DOCTYPE html> <html> <head>     <meta charset="utf-8"> <title>边框</title> <style type="text/css"> .
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>边框</title>
	<style type="text/css">
	.box{width: 400px;height: 400px;border:100px solid red;

		border-top-color:#6600FF;
		border-right-color:#9900FF;
		border-bottom-color:#CC00FF;
		border-left-color:#FF00FF;
		border-radius: 400px;
	}
	button{border:none;width: 100px;height: 100px;font-size: 32px;color: #3300FF;margin:150px;background: red;border-radius: 50px;}
	</style>
</head>
<body>
 <div class="box">
   <button>旋转</button>
 </div>
</body>
</html>


Correcting teacher:灭绝师太Correction time:2019-03-22 09:06:22
Teacher's summary:初学的知识比较基础,慢慢累积,后面会越来越精彩!

Release Notes

Popular Entries