验证中...
Languages: HTML
Categories: Web开发技术
Latest update 2019-03-15 21:36
index.html
Raw Copy
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>王的国度</title>
<style>
body{
width:1000px;
margin:0 auto;
background:url(img/bjt.jpg);
background-size: cover;
}
.me{
margin:0 auto;
margin-top:20px;
margin-bottom:0px;
width: 800px;
height: 200px;
display: block;
background:url(img/up.jpeg);
background-size: cover;
}
.bg{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
width: 800px;
display: block;
box-shadow:0 0 10px #000 ;
background:url(img/up.jpeg); no-repeat ;10px center;
}
.left{
margin:0 auto;
margin-top:0px;
margin-bottom:20px;
margin-right: 20px;
margin-left:0px;
width: 220px;
display: block;
background-size: cover;
}
.left1,.left2{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
margin-right: 20px;
margin-left: 100px;
width: 220px;
height: 370px;
display: block;
box-shadow:0 0 10px #000 ;
background:url(img/down.jpg);10px center;
float:left;
}
.right{
margin:0 auto;
margin-top:20px;
margin-bottom:20px;
margin-left: 20px;
width: 540px;
height: 370px;
display: block;
box-shadow:0 0 10px #000 ;
background:url(img/down.jpg);
background-size:cover;
float:left;
}
ul,li{ padding:0;margin:0;list-style:none}
</style>
</head>
<body background=RGB(173,194,178) style=" background-attachment: fixed;">
<div>
<div class="me">
<br><br>
<table align="center">
<tr>
<th>
<ul style=" margin-left:20px;">
<li>姓名:马蕊</li>
<li>性别:女</li>
<li>民族:回</li>
<li>出生日期:1998.08.03</li>
</ul>
</th>
<th><img src="img/me.jpg" width="90" height = "100" style=" margin-right:20px;"> </th>
</tr>
</table>
</div>
<div class="left2">
<h3 style=" margin-left:20px;">我心甚悦</h3>
<ul style=" margin-left:20px;">
<li>花费时间最长,坚持最久的是看书</li>
<li>心情超级好或者不开心的时候会唱歌,风格各异</li>
<li>喜欢在阳光正好的时候画画,至今仍处于小学水平</li>
<li>爬山是为了追逐那山头的云</li>
<li>在水里四处飘荡是对自由的追寻</li>
<li>在雨中行走似乎是一种习惯</li>
<li>去各地旅行是毕生的向往</li>
<li>研究美食却总是做出黑暗料理</li>
<li>自己的世界我永远是王</li>
</ul>
</div>
</div>
<div class="right">
<h3 style=" margin-left:20px;">一个两个梦想</h3>
<ul style=" margin-left:20px;">
<li>爬整晚的高山去看日出</li>
<li>看完日出从山头蹦极下来</li>
<li>品尝从没有吃过的宫廷糕点</li>
<li>碰到一群土匪在抢劫,义无反顾的冲下去救了大家</li>
<li>最后寡不敌众同归于尽,然后穿越到了架空时代</li>
<li>一辈子肆意江湖,成为一代侠女</li>
<li>四处游玩,最终找到一个世外桃源</li>
<li>一只鸡一只羊一条狗一匹狼一个我,喝喝茶听听曲看看书种些菜</li>
<li>然后找到一个机遇穿越了回来,顺便拿回了一些古董</li>
<li>带着爸爸妈妈各处旅行</li>
<li>遇见很多人,看过很多事,却一直是最初的自己</li>
<li>犹记得那句话--我自风情万种,与世无争</li>
</div>
</div>
</div>
</body>
</html>

Comment list( 0 )

You need to Sign in for post a comment

Help Search

Gitee_sixth 5th_float_left_close