设计网站简介页面

最新推荐文章于 2025-03-19 10:26:54 发布

Volcano_WQL

最新推荐文章于 2025-03-19 10:26:54 发布

阅读量651

点赞数

文章标签： html5 html css3 css

本文链接：https://blog.youkuaiyun.com/qq_45614713/article/details/104969009

版权

传智播客网站简介页面

html与CSS结合实现

将主体放进一个table中，通过嵌入式引入css样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.align{
				font-family: "宋体";
				position:fixed;
				margin:auto;
				left:0;top:0;right:0;bottom:0;
			}
			.inline-block{
				/*将图片和主要内容排*/
				display:inline-block;
			}
			p{text-indent: 2em;}
			#update,#align{text-align:center;
							display:block;
							}

			img{
				margin-left:5px;
				margin-right:15px;
				margin-bottom:-5px;
			}
			a{
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div>
				<table class="align" width="1038px" height="425px">
				<tr><td ><h1>传智播客设计学院简介</h1></td></tr>
			<tr><td >更新时间：2015年07月28日14时08分&nbsp; &nbsp;来源:&nbsp;传智播客</td></tr>
			<tr><td><hr></td></tr>
			<tr>
					<td><div class="inline-block"><img src="ZZBK.png" alt="传智播客" title="传智播客"/></div>
				<div class="inline-block"><p><a>传智播客设计学院</a>专注于平面设计师、网页<br/>
				设计师、UI设计师的培养。我们拥有专业的师资团队，<br/>
				清晰合理的课程架构，4个月的学习循序渐<br/>
				进、充实饱满，结合大量的案例和实战项目，毕<br/>
				业后相当于两年的工作经验。
				</p>
					<p><a>传智播客设计学院</a>教给你的远远不止如何作<br/>
				图，在这里你将学到真正的设计素养和理念，成<br/>
				为平面、网页、UI设计都精通的全能设计师。
				</p>
					<p>迄今为止<a>传智播客设计学院</a>已经培养出了上<br/>
				万名设计师，遍布于各个大中型企业，同时，从<br/>
				传智播客走出去的学员也得到了各个企业的一致<br/>
				认可和好评。
				</p>
				</div>
				</td>
			</tr>
		</table>
		</div>
	</body>
</html>

效果如下：
在这里插入图片描述