用HTML+CSS做简单的网页传智播客设计学院简介

最新推荐文章于 2021-07-13 11:38:50 发布

Mr_jianghanlin

最新推荐文章于 2021-07-13 11:38:50 发布

阅读量3.8k

点赞数 1

分类专栏：前端文章标签： css html

本文链接：https://blog.csdn.net/mr_jianghanlin/article/details/104669613

版权

前端专栏收录该内容

23 篇文章 2 订阅

订阅专栏

传智播客设计学院简介

最终网页的效果图
在这里插入图片描述
下面是代码：
做这种网页有很多方法，我是主要用的div标签来将它划分为多个部分，进行div嵌套，从而实现上面的效果，具体看下面代码：


<!DOCTYPE html>
<html>
<head>
	<title>员工表</title>
	<style type="text/css">
		.one{text-align: center}
	</style>
</head>
<body>
<div>
	<div>	<h1 class="one">传智播客设计学院简介</h1></div>
	<div class="one">	更新时间：2015年07月14时08分 来源：传智播客</div>
	<div style="display:flex">
	<div><img src="传智播客.png"/></div> 
	<div>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>传智播客设计学院</b>专注于平面设计师、网页设计师、UI设计师的培养。我们拥有专业的师资团队，清晰合理的课程架构，4个月的学习循环渐进、充实饱满，结合大量的案列和实战项目，毕业后相当于两年的工作经验。<br/><br/>	
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<b>传智播客设计学院</b>交给你的远远不止如何作图，在这里你将学到真正的设计素养和理念，成为平面、网页、UI设计都精通的全能设计师。<br/><br/>	
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp迄今为止<b>传智播客设计学院</b>已经培养出了上万名设计师，遍布于个各种大型企业，同时，从传智播客走出去的学员也得到各个企业的一致认可和好评。</div>
</div>
</div>
</body>
</html>

上面所用的图片是我用ps做做出了的，图片如下：在这里插入图片描述
将上面代码复制到以.html结尾的文件，在将上面图片放到与.html同一个文件夹下面即可得到上述效果。

Mr_jianghanlin

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
用HTML+CSS做简单的网页传智播客设计学院简介

传智播客设计学院简介最终网页的效果图下面是代码：做这种网页有很多方法，我是主要用的div标签来将它划分为多个部分，进行div嵌套，从而实现上面的效果，具体看下面代码：<!DOCTYPE html><html><head> <title>员工表</title> <style type="text/css">...
复制链接

扫一扫