<!DOCTYPE html>
<html>
<head>
<style>
h4 {
text-align: center;/*设置水平居中显示*/
}
p {
text-indent: 2em; /*首行缩进2字符*/
}
.tj {
text-align: right; /*右对齐*/
font-style: italic; /*斜体*/
}
span {
color: red; /*文字颜色设为红色*/
}
.left img {
width: 240px; /*图片宽度240px*/
margin-right: 20px;/*设置右外边距，使图片和文字之间有20px的间隔*/
float: left;/*左浮动*/
}
.right img {
width: 240px;
margin-left: 20px;
float: right;/*右浮动*/
}
</style>
</head>
<body>
<h4>春天来了</h4>
<p>春天，树叶的叶芽慢慢地舒展，花儿的蓓蕾初绽。被人们破割过陈旧了的草木，又茁壮地抽出了嫩芽。它们就在风吹雨浇和阳光的抚照下，生长起来。</p>
<p class="tj">——题记</p>
<div class="left">
<img src="images/1.jpg" />
<span>1. 翩翩起舞</span>
<p>美丽的蝴蝶扇动着五彩斑斓的翅膀在花丛里翩翩起 舞。</p>
<span>2.烟雨蒙蒙</span>
<p>不知什么时候，落起了春雨，轻轻的，听不见淅沥的响声，像一种湿漉漉的烟雾，轻柔地滋润着大地。整个世界像刚洗过似的，特别清爽，空气十分新鲜，呼吸一口，甜丝丝的，像喝了蜜一样。</p>
</div>
<div class="right">
<img src="images/1.jpg" />
<span>3. 万物复苏 </span>
<p>春风和煦，明媚的春光照在大地上，万物呈现一片生机，形成一幅秀丽的山水图。太阳是红灿灿的，天空是湛蓝的，树梢是嫩绿的，迎春花是娇黄的……</p>
</div>
</body>
</html>
评论0