53 lines
1.9 KiB
HTML
53 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>练习</title>
|
|
<style>
|
|
.yingzi {
|
|
box-shadow: 0 0 10px 0 cyan;
|
|
}
|
|
.poem {
|
|
background-color: red;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
.poem h1{
|
|
font-size: 40px ;
|
|
text-shadow: 1 1 4 cyan;
|
|
}
|
|
.poem h2 {
|
|
font-size: 20px;
|
|
}
|
|
.poem p {
|
|
font-size: 40px;
|
|
line-height: 60px;
|
|
color: aqua;
|
|
}
|
|
|
|
</style>
|
|
<body>
|
|
<h1>判断是否是闰年</h1>
|
|
<h2>作者: 赵海洋</h2>
|
|
<hr>
|
|
<a href="判断是否是闰年.html">判断是否是闰年</a><br/>
|
|
<a href="判断是否是闰年.html" target="_blank">判断是否是闰年（在新的页面显示）</a>
|
|
<hr>
|
|
<article class="poem">
|
|
<h1><big>春晓</big></h1>
|
|
<h2>[唐] 孟浩然</h2>
|
|
<p>春眠不觉晓， <br> 处处闻蹄鸟。 <br> 夜来风雨声， <br>花落知多少？</p>
|
|
</article>
|
|
<p>
|
|
<img src="../image/ryan.png" height="50" class="yingzi" title="小熊:香肠 儿子" style="border: 2px red dotted"/>
|
|
<img src="../image/ryan.png" height="80" class="yingzi" title="小熊:香肠 爸爸" style="border: 2px red dotted"/>
|
|
<img src="../image/ryan.png" height="120" class="yingzi" title="小熊:香肠 爷爷" style="border: 2px red dotted"/>
|
|
<img src="../image/ryan.png" height="180" class="yingzi" title="小熊:香肠 曾祖父" style="border: 2px red dotted"/>
|
|
<img src="../image/ryan.png" height="260" class="yingzi" title="小熊:香肠 高祖父" style="border: 2px red dotted"/>
|
|
<img src="../image/ryan.png" height="390" class="yingzi" title="小熊:香肠 " style="border: 2px red dotted"/>
|
|
</p>
|
|
</body>
|
|
</html>
|