web实验5 圣斗士网页

最新推荐文章于 2023-04-22 20:37:00 发布

VIP文章你的负卿是我

最新推荐文章于 2023-04-22 20:37:00 发布

阅读量1.2k

点赞数 4

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

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

版权

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="#"

最低0.47元/天解锁文章

你的负卿是我

关注

4
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
web实验5 圣斗士网页

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"> &lt
复制链接

扫一扫