个人博客
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的博客</title>
<style>
body{
margin: 0;
}
.box{
width: 100%;
height: 70px;
background-color: rgb(245, 243, 241);
}
.picture{
margin: 10px 0 10px 50px;
}
.box-3 .menu{
float: right;
margin: -70px 50px -70px 0;
}
ul{
list-style: none;
float: left;
}
.boxMax{
width: 100%;
height: 500px;
background-image: url(61.jpg);
}
.font>a{
text-decoration-line: none;
font-size: 25px;
color: #ffffff;
}
.font1{
margin: 100px 0 0 40px;
}
.font2{
color:rgb(245, 243, 241);
font-size: 50px;
}
.font3{
margin: 142px 0 0 -262px;
}
.boxmax4>img{
margin: 225px 0 0 -664px;
border-radius: 60%;
}
.font4{
color:rgb(245, 243, 241);
margin: -44px 0 -14px 149px;
}
.font5{
color:rgb(245, 243, 241);
margin: 16px 0 0 149px;
}
.font6{
color: #ffffff;
font-size: 40px;
margin: 19px 0 0 147px;
}
.font7{
color: #ffffff;
font-size: 30px;
margin: 25px 0 0 908px;
}
.boxmax9{
width: 100%;
height: 1200px;
/* aquamarine; */
margin: 50px 0 0 10px;
}
.picture2{
float: left;
width: 456px;
height: 516px;
margin-right: 10px;
transition: 0.5s;
}
.picture2:hover{
transform: translateY(-30px);
}
.menu8{
float: right;
width: 200px;
height: 800px;
margin: -662px 76px 0 0;
/* aqua; */
}
</style>
</head>
<body>
<div class="box">
<div class="box-2">
<a href="https://pic.sogou.com/d?query=%E5%BD%BC%E5%B2%B8%E8%8A%B1%E5%9B%BE%E7%89%87&ie=utf8&page=1&did=2&st=255&mode=255&phu=http%3A%2F%2Fimg.365azw.com
%2FAttachments%2Fshare%2F201706%2F59360eb145a2c.jpg%2521article.w.p&p=40230500#did9"><img class="picture" src="qg2.jpg" alt=""></a>
</div>
<div class="box-3">
<ul class="menu">
<li><div><a href="https://pic.sogou.com/pics?query=%BB%AF%D6%DD%CA%D0%CD%BC%C6%AC&p=40230500&st=255&mode=255&policyType=0" style="text-decoration-line:none; color: #000000;">我的家乡</a></div></li>
<li><div><a href="https://classroom.udacity.com/me" style="text-decoration-line:none; color: #000;">教学资料</a></div></li>
<li><div><a href="http://www.beqege.cc/143/" style="text-decoration-line:none; color: #000;">小说</a></div></li>
</ul>
</div>
</div>
<div class="boxMax">
<div class="boxMAx">
<ul class="font1">
<li>
<div class="font">
<a href="">职业指导</a>
<a>-</a>
<a href="">编程学派</a>
</div>
</li>
</ul>
</div>
<div class="boxMaX">
<ul class="font3">
<li>
<a class="font2">2020狂热的工作：网络开发者</a>
</li>
</ul>
</div>
<div class="boxmax4">
<img src="ping.jpg" width="35" height="35">
<p class="font4">博主：曾东东</p>
<p class="font5">2020年4月23日</p>
<p class="font8"><img src="7.jpg" width="35" height="35" style="border-radius: 60%; margin: -16px -1px -67px 80px;"></p>
<p class="font6">人生的成功没有捷径可言,唯有冲破困难险阻!</p>
<p class="font7">--鲁迅</p>
</div>
</div>
<div class="border">
<p class="picture1" style="margin: 100px 0 0 86px;">
<img src="huoying.jpg " width="714" height="400">
</p>
<h1><a href="https://list.youku.com/show/id_cc001f06962411de83b1.html" style="margin: 10px 0 10px 83px; color: #db439c; font-style: italic; text-decoration: none;">>>火影忍者<<</a></hl>
<p class="font-2" style="text-indent: 2em; margin: 4px 0 9px 81px;font-size: 28px; font-weight: 100;">
从小身上封印着邪恶的九尾妖狐，无父无母的主人公鸣人受尽</br>了村里人的冷落但是他却不知道其中的原因
，只是拼命用各种恶作</br>剧试图吸引大家的注意力，人们却反而更远离他。好在还是有依卡</br>鲁老
师关心他，鸣人的性格才没有变得扭曲，他总是干劲十足，</br>面对这种并不乐观的现实，他依然嘻嘻哈哈，超级乐观。
</p>
<div class="menu8">
<h2 style="margin: 9px 0 0 43px;">菜单</h2>
<ul class="">
<li>
<p><a href="https://www.biquge.tel/" style="text-decoration-line: none; margin-top: 20px;">小说城</a></p>
</li>
<li>
<p><a href="https://www.dmzj.com/" style="text-decoration-line: none; margin-top: 20px;">动漫之家</a></p>
</li>
<li>
<p><a href="https://www.huya.com/g/xingxiu#tag116" style="text-decoration-line: none; margin-top: 20px;">虎牙直播</a></p>
</li>
<li>
<p><a href="https://www.jd.com" style="text-decoration-line: none; margin-top: 20px;">京东购物</a></p>
</li>
<li>
<p><a href="http://www.4399.com/" style="text-decoration-line: none; margin-top: 20px;">休闲游戏</a></p>
</li>
</ul>
</div>
</div>
<div class="boxmax9">
<a class="picture2" href="http://cf.qq.com/web201105/download.shtml?ADTAG=index.btn.xzyx">
<img src="cf.png">
</a>
<a class="picture2" href="http://dnf.qq.com/web2015/down.shtml">
<img src="dnf.png">
</a>
<a class="picture2" href="http://ku.18183.com/yinyangshi.html?sg183">
<img src="yiny.png">
</a>
</div>
</body>
</html>
浙公网安备 33010602011771号