|
|
发表于 2020-3-20 00:40:06
|
显示全部楼层
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
h2{
margin-top: 0;
margin-bottom: 0;
text-align: center;
font-size: 24px;
}
.hr_blue{
height: 2px;
background-color: blue;
border: none;
}
.hr_red{
height: 2px;
background-color: red;
border: none;
}
.p_low{
margin-top: 0;
margin-bottom: 0;
margin-left: 10%;
line-height:24px;
font-size: 16px;
}
.p_high{
margin-top: 0;
margin-bottom: 0;
line-height: 32px;
font-size: 24px;
}
.sp_header{
margin-top: 0;
margin-left: 45%;
}
.sp_content{
margin-left:5%;
}
</style>
</head>
<body>
<div>
<h2>唐诗欣赏</h2>
<hr class="hr_blue">
<p class="p_low">
望庐山瀑布<br>
李白<br>
日照香炉生紫烟，遥看瀑布挂前川。<br>
飞流直下三千尺，疑是银河落九天。<br>
</p>
</div>
<div>
<h2>宋词欣赏</h2>
<hr class="hr_red">
<p class="p_high">
<span class = "sp_header">声声慢 <sub style="font-size: 16px;">李清照</sub><br></span>
<span class = "sp_content">寻寻觅觅，冷冷清清，凄凄惨惨戚戚。乍暖还寒时候，最难将息。三杯两盏淡酒，怎敌他晚来风急!</span><br>
<span class = "sp_content"><b>雁</b>过也，正伤心，却是旧时相识。满地黄花堆积，憔悴损，如今有谁堪摘?</span><br>
守著窗儿，独自怎生得黑!<b>梧桐</b>更兼细雨，到黄昏点点滴滴。这次第，怎一个<b>愁</b>字了得!
</p>
</div>
</body>
</html> |
|
[复制链接]
楼主: 热门小马
