华为官网的解冻账号

桃花加酥

于 2024-06-03 14:28:01 发布

阅读量737

点赞数 25

分类专栏：网页设计文章标签： html 前端 css html5

本文链接：https://blog.youkuaiyun.com/2301_81323885/article/details/139413840

版权

网页设计专栏收录该内容

14 篇文章

订阅专栏

代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

*{

padding: 0;

margin: 0;

}

.box1{

width: 1472.8px;

height: 1900.4px;

background-color: #f1f1f1;

float: left;

margin-top: 30px;

position: relative;

top: 8px;

left: 39px;

}

.box6{

width: 1472px;

height: 64px;

background-color: #f1f1f1;

float: left;

}

.box7{

width: 114px;

height: 39px;

background-color: #f1f1f1;

float: left;

position: relative;

left: 224px;

top: 8px;

}

.box2{

width: 960px;

height: 625px;

background-color: #ffffff;

margin-left: 227px;

}

.box3{

width: 960px;

height: 72px;

background-color: #ffffff;

float: left;

border-bottom:2px solid #e5e5e5;

}

.yy{

text-align: center;

color: #333;

font-size: 24px;

font-weight: 600;

margin-left: 427px;

position: relative;

top: 24px;

}

.box4{

width: 300px;

height: 400px;

float: left;

background-color: #ffffff;

position: relative;

left: 317px;

top: 36px;

}

.box5{

width: 100px;

height: 100px;

background-color: #ffffff;

float: left;

position: relative;

top: 49px;

left: 105px;

}

.bbb{

position: relative;

left: -46px;

}

.box8{

width: 210px;

height: 25px;

background-color: #ffffff;

float: left;

position: relative;

left: 72px;

top: 190px;

}

.box9{

width: 176px;

height: 25px;

background-color: #ffffff;

float: left;

position: relative;

left: -121.5px;

top: 220px;

color: #999;

font-size: 15px;

}

.box10{

width: 163px;

height: 25px;

background-color: #ffffff;

float: left;

position: relative;

left: -291.5px;

top: 253px;

color: #999;

font-size: 15px;

}

.box22{

width: 1472.8px;

height: 194px;

background-color: #f1f1f1;

float: left;

position: relative;

bottom: -49px;

left: -3px;

}

.box23{

width: 1472.8px;

height: 25px;

background-color: #f1f1f1;

position: relative;

top: 21px;

}

.ku{

color: #d4d8db;

position: relative;

left: 487px;

top: 0px;

}

.gg{

color: #828282;

text-align: center;

position: relative;

left: 487px;

}

.ggg{

color: #828282;

text-align: center;

position: relative;

left: 487px;

}

.kuy{

color: #d4d8db;

position: relative;

left: 492px;

top: 0px;

}

.gggg{

color: #828282;

text-align: center;

position: relative;

left: 492px;

}

.kuyi{

color: #d4d8db;

position: relative;

left: 494px;

top: 0px;

}

.ggggg{

color: #828282;

text-align: center;

position: relative;

left: 499px;

}

.box24{

width: 1473px;

height: 43px;

float: left;

text-align: center;

background-color: #f1f1f1;

position: relative;

top: 20px;

}

.mmm{

color: #aaaaaa;

text-align: center;

position: relative;

left: 3px;

top: 18px;

}

.box11{

width: 300px;

height: 50px;

background-color: #ffffff;

float: left;

position: relative;

top:308px;

left: 28px;

border-radius:22px ;

border: 1px solid #dcdcdc;

}

.yyu{

color: #007dff;

float: left;

position: relative;

left: 134px;

top: 17px;

}

</style>

</head>

<body>

<div class="box1">

<div class="box6">

<div class="box7"> <img src="../素材/img/华为3333334.png" width="100" height="60">

</div>

</div>

<div class="box2">

<div class="box3">

<span class="yy">解冻账号</span>

</div>

<div class="box4">

<div class="box5">

<div class="bbb"> <img src="../素材/img/锁子.png" width=" " height=""></div>

</div>

</div>

<div class="box8">解除安全风险后，可解冻帐号</div>

<div class="box9"> 排查手机没有被植入木马 </div>

<div class="box10">&emsp;不要泄漏个人信息</div>

<div class="box11">

<span class="yyu">解冻</span>

</div>

</div>

<div class="box22">

<div class="box23">

<span class="gg">华为帐号用户协议</span>

<span class="ku">|</span>

<span class="ggg">关于华为账号与隐私的声名</span>

<span class="kuy">|</span>

<span class="gggg">常见问题</span>

<span class="kuyi">|</span>

<span class="ggggg">Cookies</span>

</div>

<div class="box24"><span class="mmm">华为帐号版权所有 © 2011-2023</span></div>

</div>

</div>

</body>

</html>

效果图如下：