自己设计一个美观的网页版介绍界面（HBuilder）

最新推荐文章于 2024-08-08 15:58:05 发布

土拨鼠本鼠

最新推荐文章于 2024-08-08 15:58:05 发布

阅读量1w

点赞数 22

文章标签： html css

本文链接：https://blog.csdn.net/AXN567/article/details/115272723

版权

本文展示了作者如何运用HTML和CSS设计一个网页版的自我和团队介绍界面。内容包括点击链接跳转的不同介绍页面，以及网页设计中遇到的技术问题和解决方案。虽然设计简单，但覆盖了学习到的主要知识点，如内联样式和颜色调整。作者表示将继续学习并完善设计。

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

根据前三周的学习做了自我介绍和团队介绍的界面，其中的格式和颜色都可以通过代码调整（原谅我的直女审美和瘠薄的知识）

这是第一个界面，点击文字链接即可进入不同的介绍界面（没啥图片好加，一起欣赏下皮卡丘的可爱吧）附上代码：

<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" type=" text/css" href="style.css"
		</head>
		<p class="a"><a href="my1.html">点击查看我的介绍</a><