CSS+html:魔兽世界网页仿制

最新推荐文章于 2021-05-30 19:31:43 发布

sunqian_happy

最新推荐文章于 2021-05-30 19:31:43 发布

阅读量2.5k

点赞数 2

分类专栏：页面相关

本文链接：https://blog.csdn.net/sunqian_happy/article/details/47284959

版权

本文介绍如何使用CSS和HTML技术仿制魔兽世界的网页，展示了一种通过前端技术重现游戏页面的效果。

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

魔兽世界网页仿制

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>魔兽世界</title>
    <style type="text/css">
        body {
            margin: 0px;
            padding: 0px;
        }
        #p1 {
           position: absolute;
            background-image: url("menu_bg%5B1%5D.png");
            height: 60px;
            width: 979px;
            top: 52px;
            left: 192px;
        }
        #p3 {
            list-style-type: none;
        }
        #p5 {
            width: 1392px;
            height: 251px;
            background-image: url("wrapper_midbg%5B1%5D.jpg");
        }
        #p6 {
            margin-top: -128px;
            margin-left: 286px;
        }
        #p7 {
            margin-left: 229px;
            margin-top: 34px;
        }
        #p8 {