console
<div id="div2">
诗词接龙
</div>
<br/>
<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=712784479,1078178976&fm=23&gp=0.jpg"><hr/>
<table border="5" >
<tr>
<th colspan="2" >
诗词分类
</th>
</tr>
<tr>
<td>
山水类
</td>
<td>游山西村、望庐山瀑布、竹里馆等
</td>
</tr>
<tr>
<td>
怀古类
</td>
<td>江西怀古、西塞山怀古、汴河怀古等
</td>
</tr>
<tr>
<td>
咏物类
</td>
<td>咏柳、墨梅、石灰吟等
</td>
</tr>
<tr>
<td>
战争类
</td>
<td>从军行、凉州词、出车等
</td>
</tr>
</table>
<div id="div1">
<h1>辛夷坞</h1><h2>王维</h2>
<p>木末芙蓉花,山中发红萼.</p>
<p> 涧户寂无人,纷纷开且落。</p>
</div>
body {
background-color: lightblue;
font-family: 幼圆;
}
#div1 {background-color:lightpink;
border:25px solid white;
width: 300px;
padding: 20px;
margin:90px;
color:whitesmoke;
text-align:center;
}
#div2 {
background-color: pink;
border: 15px solid whitesmoke;
width: 500px;
height: 30px;
padding: 30px;
margin-left: auto;
margin-right: auto;
color: whitesmoke;
text-align: center;
font-size: 40px;
}
table{
border-color:white;
background-color:lightpink;
width:580px;
height:40px;
}
td{
font-family:幼圆;
color:white;
}
th{
font-size:20px;
color:white;
}