博客列表 >3月22日作业

3月22日作业

inhylei
inhylei原创
2018年03月23日 14:03:39535浏览

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>北京五大豪宅排行榜</title>
<style type="text/css">
table, th, td {
/*border: solid 1px green;*/
             border-radius: 10px;
  
}
table {
/*border-collapse: collapse;*/
margin: 40px auto;
width:60%;
text-align: center;
background-image: url(../180322/images/1.png);
background-size: cover;
background-repeat: no-repeat;
-webkit-box-shadow: 10px 10px 10px #000;
box-shadow: 5px 5px 5px #666;



}
th {
background: rgba(217,217,27,0.9);
font-size: 1.4em;
}
th,td {padding: 10px;

}
td {
color:#fff;
font-weight: 600;
font-size: 1.1em;
text-shadow: 3px 3px 5px  #666633 ;
background: rgba(217,217,217,0.6);
}
td img{
border-radius: 50%;
}
.red{

            font-size: 1.1em;
background: rgba(217,217,217,0.8);
}
</style>
</head>
<body>
<table>
<caption><h2>〖北京五大豪宅排行榜〗</h2></caption>
<tr>
<th>排名</th>
<th>项目名称</th>
<th>图片</th>
<th>区域</th>
<th>成交均价(元/平)</th>
</tr>
<tr>
<td >1</td>
<td >北京壹号院  </td>
<td > <img src="../180322/images/1.jpg" width="30"></td>
<td>朝阳区</td>
<td>158,291</td>
</tr>
<tr>
<td>2</td>
<td> 中央公园广场 </td>
<td >  <img src="../180322/images/2.jpg" width="30"></td>
<td>朝阳区</td>
<td>157,754</td>
</tr>
<tr >
<td  >3</td>
<td>万柳书院  </td>
<td > <img src="../180322/images/3.jpg" width="30"></td>
<td>海淀区</td>
<td>154,764</td>
</tr>
<tr>
<td>4</td>
<td>金地华著  </td>
<td > <img src="../180322/images/4.jpg" width="30"></td>
<td>海淀区</td>
<td>140,856</td>
</tr>
<tr>
<td>5</td>
<td >首创禧瑞都  </td>
<td ><img src="../180322/images/5.jpg" width="30"></td>
<td>朝阳区</td>
<td>129,337</td>
</tr>
</table>
</body>
</html>



手抄代码

1.jpg


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议