5月11日笔记

点击查看代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css" >
			*{margin:0;padding:0;}
			.a{
				width:60px;
				height:30px;
				text-align:center;
				line-height: 30px;
				display:block;
				background-color:red;
			}
			.c{
				width:60px;
				height:30px;
				text-align:center;
				line-height: 30px;
				display:block;
				background-color:green;
			}
			.b{
				float:right;
				width:30px;
				height:30px;
				text-align:center;
				line-height: 30px;
				display:block;
				background-color:orange;
			}
			.d{
				float:right;
				width:30px;
				height:30px;
				text-align:center;
				line-height: 30px;
				display:block;
				background-color:purple;
			}
			
			
			
		</style>
		
			
			
		
	</head>
	<body>
		<div class="a">
			A
		
		
		
		<div class="b">B</div>
		</div>
		
		<div class="c">
			C
		
			
		<div class="d">D</div>
		</div>
		
		
		
	</body>
</html>
效果图：

屏幕截图 2026-07-09 090322

posted @ 2026-07-09 09:03  createcoding  阅读(5)  评论(0)    收藏  举报