HBuilder编写简单团队介绍网站

Pluto_ssy

于 2022-09-21 10:52:55 发布

阅读量786

点赞数 3

分类专栏： # JavaScript学习文章标签：前端 html 前端框架

本文链接：https://blog.csdn.net/pluto_ssy/article/details/126967697

版权

JavaScript学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文开发工具主要用HBuilder X，直接可以在网页上运行，喜欢就关注一下子把。

简单的团队介绍网站，废话不多说，直接上代码，链接github网站https://gitcode.net/Pluto_ssy/teamcode

主代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
	a:link {color:#55ffff;}      /* 未访问链接*/
	a:visited {color:#000000;}  /* 已访问链接 */
	a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
	a:active {color:#0000FF;}  /* 鼠标点击时 */
	.a{text-align:center;font-size:50pt;}
	img.normal{display: block;width: 50%; margin: 0 auto;height:auto;}
	img.big{display: block;width: 100%; margin: 0 auto;height:100px;}
	</style>
	<body>
		<head>
			<meta charset="utf-8">
			<title></title>
			<link rel="stylesheet"  href="style.css">
		</head>
		<div class="card">
		    <div class="photo">
		        <img src="images/bj.jpg">
		    </div>
		    <h1>很彳亍团队</h1>
		    <h2>团队网页</h2>
		    <p>详细信息</p>
		    <a href="2.html">团队介绍</a>
			<a href="1.html">成员介绍</a>
	</body>
</html>

运行结果