发新贴  快速回复

请帮忙检查是否错误,以及优化建议

  小阳
2021-02-25 14:34
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!--
		1、分析设计图的结构
		2、进行结构编码
		3、进行css编码
		4、利用ps,对设计图上模块进行测量
		5、样式的添加
	-->
	<style type="text/css">
		.content {
			width: 496px;
			height:616px;
			border: 2px solid #e15671;
			border-top-color: #f19552;
		}
		.content1 {
			width:496px;
			height: 121px;
			background-color: #fff;
			border-bottom: 1px solid #8c1f34;
		}
		.content2 {
			width:496px;
			height: 119px;
			border-bottom: 1px solid #8c1f34; 
		}
		.content3 {
			width:496px;
			height: 195px;
			border-bottom: 1px solid #8c1f34;
		}
		.content4 {
			width:496px;
			height: 178px;
		}
	</style>
</head>
<body>
	<div class="content">
		<div class="content1"></div>
		<div class="content2"></div>
		<div class="content3"></div>
		<div class="content4"></div>
	</div>
</body>
</html>

 

本帖内容针对以下视频发布:

5-边框(border)练习
登录 后才可以发表回复