HTML/CSS第二课：做一个开班信息页面

finedayforu

于 2019-03-07 08:16:51 发布

阅读量772

点赞数 3

本文链接：https://blog.csdn.net/finedayforu/article/details/104154620

版权

这是一篇关于使用HTML和CSS创建开班信息页面的学习教程，通过实例展示了如何布局和美化页面，达到预期的显示效果。

摘要由CSDN通过智能技术生成

原网页如下：

copy忍者出洞！

        <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			* {
     
				margin: 0;
				padding: 0;
				font-family: arial, "微软雅黑";
			}

			.clearfix:after {
     
				content: "";
				display: block;
				clear: both;
			}

			a {
     
				float: right;
			}

			a:link {
     
				color: red;
			}

			a:visited {
     
				color: red;
			}

			a.pass:link {
     
				color: black;
			}

			a.pass:visited {
     
				color: black;
			}

			.box0 {
     
				width: 300px;
				height: 671px;
				background-color: rgb(1, 158, 139);
				padding-top: 2px;
                                margin: 100px;
			}

			.box01 {
     
				width: 300px;
				height: 671px;
				background-color: rgb(244, 244, 244);
			}

			.box011 p {
     
				font-weight: bold;
				margin: 10px 14px;
				float: left;
			}

			.box011 a {
     
				margin: 10px 10px;
			}