网页首页自主命题

几点的火车

已于 2024-05-22 00:33:56 修改

阅读量793

点赞数 23

文章标签： html

于 2024-05-21 23:01:27 首次发布

本文链接：https://blog.csdn.net/2402_84767346/article/details/139104518

版权

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style type="text/css">

.qw{background: url(1.png);color:grey;font-size: 60px;text-align: center;}

.daohang{background-color:white;height: 46px;margin-left: 34px;}

.qq>li{float: left;background-color:ghostwhite;color: black;font-size: 20px;height: 40px;width: 193px;

border-bottom: 6px rebeccapurple solid;

box-shadow:0 0 2px ghostwhite ;text-align: center;transition: color 2s;box-shadow: 1s;}

li:hover{color: brown;border-radius: 20px;}

.ty{clear: both;width: 1350px;height:300px;background-color: black;margin: 0 auto;position: relative;overflow: hidden;

width: 1350px;height: 300px;background-image: url(2.png);background-size: 100%;position: relative; animation: imgs 6s linear infinite;

}

@keyframes imgs {0%,30% {background-image: url(2.png); }31%, 60% {background-image: url(3.png);} 61%,100% {background-image: url(4.png);}}

.lunbo{position: absolute;}

li{list-style: none;float: left;}

img{height: 300px;width:1350px;}

.zx{float: left;width:780px;height: 350px;margin-left: 76px;border-bottom: 3px rebeccapurple solid;border-top: 3px rebeccapurple solid;

margin-top: 10px;}

h1{color:rebeccapurple;}

.liebiao{list-style: none;color: grey;width: 780px;font-size: 18px;padding-left: 2px;line-height: 35px;}

.xx{width: 450px;height: 570px;float: left;margin: 10px;border-top: 3px rebeccapurple solid;position: absolute;right: 72px;

border-bottom: 3px rebeccapurple solid;}



.pp{background-image: url(5.png);background-repeat: no-repeat;font-size:32px;color: gray;}

p:hover{color: rebeccapurple;transition: color 1s;}

hr{width: 430px;}

.ppp{background-image: url(6.png);background-repeat: no-repeat;font-size: 32px;color: gray;}

.pppp{font-size: 16px;color: silver;line-height: 24px;}

.p5{background-image: url(7.png);background-repeat: no-repeat;font-size: 32px;color: gray;}

.p6{font-size: 16px;color: silver;line-height: 24px;}

  .tu{background-image: url(8.png);background-repeat: no-repeat;width: 450px;height: 216px;clear: both;margin-left: 74px;

       box-shadow: 0 0 5px rebeccapurple;float: left;}

       .tuyou{text-indent: 2em;margin: 10px;width: 319px;height: 215px;position: absolute;bottom: -24%;left: 36%;

       color: gray;font-size: 16px;line-height: 35px;box-shadow: 0 0 5px rebeccapurple;text-decoration:none;

       }

       a:link{color: grey;text-decoration:none;}

       a:hover{color: black;}

       .jiao{clear: both;background-color: whitesmoke;height: 100px;border-top: 1px beige solid;margin-top: 40%;

       font-size: 14px;color: black;text-align: center;}

</style>

</head>

<body>

<div class="qw"><header>×××××××</header></div>

<div class="daohang">

<ul type="none" class="qq">

<li>××</li><li>××××</li><li>××××</li>

<li>××××</li><li>报名流程</li><li>常见问题</li><li>成绩报告单</li>

</ul>

</div>

<div class="ty">

</div>

<div class="zx">

<h1>公示公告</h1>

<ul class="liebiao">

<li>【】                                     2024-04-26</li>

<li>>【】                                       2024-04-18</li>

<li>【】                                     2024-04-17</li>

<li>>【】                                       2024-03-28</li>

<li>>“【】定...    2024-01-03</li>

<li>>【】                      2023-12-28</li>

</ul>

</div>

<div class="xx">

<h1>考生服务</h1>

<p class="pp">        咨询电话</p ><hr>

<P class="ppp">        考试报名</P>

<p class="pppp">() |<br>

全国()E)|</p ><hr>

<p class="p5">        证书查询</p >

<p class="p6">(|

()<br>()

全国外语水平考试(WSK)</p >

</div>

<div class="tu">

</div>

<div class="tuyou"><a href=" ">中国考试是教育部考试中心主办的一本学术期刊，主要刊载该领域内的原创性研究论文、综述和评论等。

杂志于1991年创刊，目前已被知网收录 (中)、维普收录 (中)等知名数据库收录，是中华人民共和国教育部主管的国家重点学术期刊之一。</a ></div>

<footer>

<div class="jiao">

                

()<br>

建议您使用Edge、Chrome、Firefox、360等主流浏览器浏览本网站

</div>

</footer>

</body>

</html>