web实验5 圣斗士网页

最新推荐文章于 2023-04-22 21:06:59 发布

你的负卿是我

最新推荐文章于 2023-04-22 21:06:59 发布

阅读量1.3k

点赞数 4

分类专栏： web前端文章标签： css html html5 vue.js javascript

本文链接：https://blog.csdn.net/weixin_43909373/article/details/108132497

版权

本文档详细介绍了如何使用HTML和CSS来创建一个以圣斗士为主题的网页。通过实验5，读者将学习到如何构建网页结构、应用样式以及实现预期的视觉效果。

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

web实验5 圣斗士网页

实现效果

在这里插入图片描述

HTML部分

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ZZY</title>
	<link rel="stylesheet" type="text/css" href="STYLE.css">
</head>
<body>
	<div id="DEMO">
		<div id="NAV1">
			<a href="#">电脑网</a> | <a href="#">汽车网</a> | <a href="#">女性网</a>
		</div>
		<div id="HEADER">
			<ul>
				<li><a href="#">新游试玩</a></li>
				<li><a href="#">网络游戏</a></li>
				<li><a href="#">电脑游戏</a></li>
				<li><a href="#">电子竞技</a></li>
				<li><a href="#">电视游戏</a></li>
				<li><a href="#">动漫世界</a></li>
				<li><a href="#">话题PK</a></li>
				<li><a href="#">论坛</a></li>
			</ul>
			<span><a href="#">首页</a> | <a href="#">下载</a> | <a href="#">攻略</a> | 
			<a href="#">图库</a> | <a href="#">美眉</a> | <a href="#">相册</a> | 
			<a href="#">快讯</a> | <a href="#">产业</a> | <a href="#">专题</a> | 
			<a href="#">视频</a> | <a href="#">烫碟</a> | <a href="#">周边</a> | 
			<a href="#">二手</a> | <a href="#">硬件</a> | <a href="#">投稿</a> | 
			<a href="#">快搜</a></span>
		</div>
		<div id="sds">
			<img src="images/link.jpg" usemap="#Map">
		</div>
		<div id="XIN">
			<div id="zuo">
				<div id="shang"></div>
				<div id="zhong">
					<div id="tupian1">
						<a href="#"><img src="images/news_pic.jpg"></a>
						<p><a href="#">《圣斗士》代班女神<br>(正剧+番外)</a></p>
					</div>
					<div class="WORD">
						<p><a href="#"><span>[10-18]</span>· [同人] 儿时的英雄撒加</a></p><hr>
						<p><a href="#"><span>[09-17]</span>·《圣斗士》代班女神(正剧+番外)</a></p><hr>
						<p><a href="#"><span>[08-16]</span>·《圣斗士星矢 极乐净土篇》正式启动！</a></p><hr>
						<p><a href="#"><span>[07-15]</span>· [下载]《圣斗士冥界篇 后章》DVD-RIP珍藏版3</a></p><hr>
						<p><a href="#"><span>[06-14]</span>· [同人] 永恒的星光</a></p><hr>
						<p><a href="#"><span>[05-13]</span>· [周边] 典雅气质智慧女神,龙马精神紫龙星矢</a></p><hr>
						<p><a href="#"><span>[04-12]</span>· [杂谈] 冥界篇后章之叹息的墙壁</a></p><hr>
						<p><a href="#"><span>[03-11]</span>· [同人] 圣斗士同人:庆祝迪斯生曰快乐！</a></p><hr>
					</div>
				</div>
				<div id="xia"></div>
			</div>
			<div id="you">
				<div id="youshang"></div>
				<div id="youzhong">
					<div class="zi">
					<p><a href="#">·《冥王神话TLC》第42话：降临</a></p><hr>
					<p><a href="#">·《冥王神话TLC》第41话：恸哭</a></p><hr>
					<p><a href="#">·《冥王神话TLC》第40话：孤独</a></p><hr>
					<p><a href="#">·《冥王神话TLC》第39话：无效</a></p><hr>
					<p><a href="#">·《冥王神话TLC》第37,38话：黑色