【免费】首页.html.zip资源-CSDN文库

共2个文件

jpg：1个

html：1个

需积分: 0 9 浏览量 2023-05-24 16:12:06 上传评论收藏 14.53MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

首页.html.zip （2个子文件）

首页.html

首页.html 3KB

mr1.jpg 17.4MB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Konchok</title>  <style> *{ padding: 0; margin: 0; font-family: "楷体"; } header{ background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url("mr1.jpg"); height: 100vh; background-size: cover; background-position: center; } ul{ float: right; list-style-type: none; margin: 15px; } ul li{ display: inline-block; } ul li a{ text-decoration: none; color: #fff; padding: 5px 20px; border: 1px solid transparent; transition: .6s ease; border-radius: 20px; } ul li a:hover{ background-color: #fff; color: #000; } ul li.active a{ background-color: #fff; color: #000; } .title{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); } .title h1{ color: #fff; font-size: 70px; font-family: Century Gothic; }树 </style> </head> <body> <header> <div class="main"> <ul> <li class="active"><a href="#">首页</a></li> <li><a href="https://www.bilibili.com/video/BV1k7411x7gA/?buvid=XU7358978E32430E53BCC2642AC5DC91C8DB6&is_story_h5=false&mid=%2B5mQuA3t9DgMRJFVZFl9BA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=561ac930-893c-447e-9484-43f3f4972352&share_source=COPY&share_tag=s_i&timestamp=1684915424&unique_k=FkjT5BP&up_id=411869738" target="_blank">篮球网</a></li> <li><a href="https://www.bilibili.com/video/BV1k7411x7gA/?buvid=XU7358978E32430E53BCC2642AC5DC91C8DB6&is_story_h5=false&mid=%2B5mQuA3t9DgMRJFVZFl9BA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=561ac930-893c-447e-9484-43f3f4972352&share_source=COPY&share_tag=s_i&timestamp=1684915424&unique_k=FkjT5BP&up_id=411869738" target="_blank">坤坤网</a></li> <li><a href="https://www.bilibili.com/video/BV1k7411x7gA/?buvid=XU7358978E32430E53BCC2642AC5DC91C8DB6&is_story_h5=false&mid=%2B5mQuA3t9DgMRJFVZFl9BA%3D%3D&p=1&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=561ac930-893c-447e-9484-43f3f4972352&share_source=COPY&share_tag=s_i&timestamp=1684915424&unique_k=FkjT5BP&up_id=411869738" target="_blank"></span>坤坤大本营</a></li> </ul> </div> <div class="title"> <h1><span style="color: crimson;">isoft</span>stone </h1> </div> </header> </body> </html>

评论收藏

内容反馈