<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="宋词,苏轼" charset="utf-8" />
<meta name="description" content="本网站收录精选宋词"/>
<title>宋词精选</title>
<link rel="stylesheet" href="/css/e.css" />
</head>
<body bgcolor="antiquewhite" text="#333333">
<h2 align="center">临江仙·送钱穆父</h2>
<p align="center">宋 苏轼</p>
<p align="center">- 别都门三改火,天涯踏尽红尘。</p>
<p align="center">依然一笑作春温。</p>
<p align="center">无波真古井,有节是秋筠。</p>
<p align="center">惆怅孤帆连夜发,送行淡月微云。</p>
<p align="center">尊前不用翠眉颦。</p>
<p align="center">人生如逆旅,我亦是行人</p>
<div><img src="img/微信图片_20240912084258.jpg"/></div>
<! --水平线 -->
<hr size="2" color="black" width="100%">
<p align = "center">网页制作教程 Copyright©一睡一整天</p>
</body>
</html>
在css中
@charset "utf-8"
p{
text-align: center;
font-size: larger;
}
.div img{
height: 500px;
width: 500px;
}
*{
margin: 0;
padding: 0;
outline: none;
border: 0;
}
div{
margin: 0,auto;
}
参照图片案例
完成图片示例