1.9 综合案例-----临江仙·送钱穆父

2401_87136665

已于 2024-09-12 09:17:59 修改

阅读量420

点赞数 7

文章标签： html5 css3 chrome

于 2024-09-12 09:11:35 首次发布

本文链接：https://blog.csdn.net/2401_87136665/article/details/142165257

版权

<!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&copy;一睡一整天</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;
}

参照图片案例