HTML_圣斗士星矢界面(2)

SDWESCES

已于 2022-03-14 17:51:03 修改

阅读量583

点赞数 1

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

于 2021-02-07 23:34:41 首次发布

本文链接：https://blog.csdn.net/weixin_47484523/article/details/113749530

版权

homework6 圣斗士星矢界面(2)

sds2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>圣斗士星矢</title>
		<!--
			作者：shidiwen
			时间：2021-01-23
			描述：圣斗士星矢
		-->
		<link rel="stylesheet" href="css/sds2.css" type="text/css">
	</head>
	<body>
		<div class="dbody">
			<div class="logo">          <!--css背景图片可以加文字,div里的图片不能加文字-->
				<a href="#">电脑网</a>&nbsp;|&nbsp;<a href="#">汽车网</a>&nbsp;|&nbsp;<a href="#">女性网</a>    <!--a href="#"刷新当前界面--> 
			</div>
			<div class="nav">            <!--nav导航,用列表写-->
			<ul>                               <!--在css里可以给列表样式加背景图片-->
				<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="#">话题P&nbsp;K</a></li>
				<li><a href="#">论&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;坛</a></li>
			</ul>
			<ol>
				<li><a href="#">首页|</a></li>
				<li><a href="#">&nbsp;下载|</a></li>
				<li><a href="#">&nbsp;攻略|</a></li>
				<li><a href="#">&nbsp;图库|</a></li>
				<li><a href="#">&nbsp;美眉|</a></li>
				<li><a href="#">&nbsp;相册|</a></li>
				<li><a href="#">&nbsp;快讯|</a></li>
				<li><a href="#">&nbsp;产业|</a></li>
				<li><a href="#">&nbsp;专题|</a></li>
				<li><a href="#">&nbsp;视频|</a></li>
				<li><a href="#">&nbsp;烫碟|</a></li>
				<li><a href="#">&nbsp;周边|</a></li>
				<li><a href="#">&nbsp;二手|</a></li>
				<li><a href="#">&nbsp;硬件|</a></li>
				<li><a href="#">&nbsp;投稿|</a></li>
				<li><a href="#">&nbsp;快搜|</a></li>
			</ol>
			</div>
			<div class="banner">
				<img src="img/link.jpg" width="646" height="55" usemap="#mymap"/> <!--热点地图，usemap:使用地图在一张图片中实现超链接-->
				<map name="mymap">
					<area coords="19,4,110,23" href="a1.html"