console
<body class="zhengti">
<div class="header">
<div>
<div class="header1">
</div>
</div>
</div>
<div class="neirong">
<div class="main">
<div>
<h2>Kevin Garnett<br /></h2>
<hr />
</div>
<div>
<p> 凯文·加内特（Kevin Garnett），1976年5月19日出生在美国南卡罗来纳，前美国职业篮球运动员，司职大前锋/中锋，绰号狼王（森林狼时期）、KG（名字缩写）、The BIG TICKET、Da Kid。</p>
<p> 1995年NBA选秀，凯文·加内特首轮第五顺位被明尼苏达森林狼队选中，2003-04赛季获得常规赛MVP。2007年夏季转会至波士顿凯尔特人，和雷·阿伦和保罗·皮尔斯一起形成了“凯尔特人三巨头”，2008年的总决赛中击败湖人队，获得NBA总冠军。2013年，加内特被交易至布鲁克林篮网队。2015年重回明尼苏达森林狼队。</p>
</div>
<div class="main2">
<div>
<div class="main2-1"></div>
<p align="center"> <a href="https://baike.baidu.com/item/%E5%87%AF%E6%96%87%C2%B7%E5%8A%A0%E5%86%85%E7%89%B9?fromtitle=%E5%87%AF%E6%96%87%E5%8A%A0%E5%86%85%E7%89%B9&fromid=5253827" >个人简介</a></p>
</div>
<div>
<div class="main2-2"></div>
<p align="center"> <a href="#">视频集锦</a></p>
</div>
<div>
<div class="main2-3"></div>
<p align="center"> <a href="#">生涯数据</a></p>
</div>
</div>
<div>
<p> 2016年9月24日，凯文·加内特在Instagram上发布视频宣布退役。[1] 凯文·加内特场上技术极为全面，传球出众、防守极具威慑力，曾四次获得NBA篮板王，是历史上最伟大的大前锋之一。</p>
</div>
</div>
<div class="aside1">
<aside class="aside">
<p><h1>基本资料</h1></p><hr />
<h4> 中文名 : 凯文.莫里斯.加内特</h4>
<h4> 英文名 : Kevin Maurice Garnett</h4>
<h4> 别 名 : KG、The BIG TICKET、狼王</h4>
<h4>国 籍 : 美国</h4>
<h4> 出生地 : 美国南卡罗来纳</h4>
<h4> 身 高 : 6尺11寸/2.11米</h4>
<h4>体 重 : 253磅/114.8公斤</h4>
<h4>运动项目 : 篮球</h4>
<h4>所属队伍 : 已退役</h4>
<h4>主要荣誉 :<br />
NBA常规赛最有价值球员奖（2004） <br />
奥运会男篮冠军（2000） <br />
最佳防守球员（2008） <br />
15次全明星（1997-1998；2000-2011；2013） <br />
NBA总冠军（2008）</h4>
<h4>场上位置 : 中锋，大前锋</h4>
</aside>
</div>
</div>
<div class="footer1"><footer class="footer"><h3>谨以此页纪念NBA球星--凯文 加内特。</footer></div>
</body>
.zhengti{
display:flex;
flex-direction:column;
}
.header{
height:400px;
width:1200px; background:url(http://img1.imgtn.bdimg.com/it/u=1151033266,4194960217&fm=26&gp=0.jpg) no-repeat;
margin:auto;
background-size:100% 100%;
}
.header1{
width:150px;
height:150px;
border-radius:100%;
background:url(http://img1.imgtn.bdimg.com/it/u=4103607917,2043105198&fm=26&gp=0.jpg)
repeat-y center;
margin:150px auto;
background-size:100% 100%;
padding:0;
text-align:bottom;
}
.neirong{
display:flex;
flex-direction:row;
justify-content:center;
flex:1;
}
.main{
display:flex;
flex-direction:column;
width:900px;
height:700px;
}
}
.main1{
text-align:center;
}
.main2{
display:flex;
flex-direction:row;
flex-basis:100%;
justify-content:space-between;
}
.main2-1{
width:300px;
height:300px;
border-radius:100%;
background:url(http://img4.imgtn.bdimg.com/it/u=886452011,3732487347&fm=26&gp=0.jpg)
repeat-y center;
}
.main2-2{
width:300px;
height:300px;
border-radius:100%;
background:url(http://img1.imgtn.bdimg.com/it/u=2544152044,117911703&fm=26&gp=0.jpg)
repeat-y center;
}
.main2-3{
width:300px;
height:300px;
border-radius:100%;
background:url(http://img1.imgtn.bdimg.com/it/u=2892074161,1554853066&fm=26&gp=0.jpg)
repeat-y center;
}
.aside1{
background-color:#E0E0E0 ;
}
.aside{
width:300px;
height:700px;
}
.footer1{
background-color:gray;
width:1200px;
margin:auto;
}
.footer{
height:50px;
flex:1;
text-align:center;
}