碼雲代碼:https://gitee.com/mr-1998/codes/71ayfx6qvl0crgkb9tm2480html
源碼:git
<!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;
}url
.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;code
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> htm
</div>blog
<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>utf-8
</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>it
預覽:table