<!DOCTYPE html>
<html>
<head>
<title>读一首小诗,探一段启示</title>
</head>
<body>
<!--这是标题-->
<h2 align="center" style="font-family: 方正风雅宋简体;font-size:22px;color:darkslategray">观书有感</h2>
<br/><h3 align="center" style="font-family:方正风雅宋简体;font-size:20px;color:darkslategray">朱熹</h3>
<p align="center" style="font-family:方正风雅宋简体;font-size:18px;color:darkslategray">
半亩方塘一鉴开,<br/>
天光云影共徘徊。<br/>
问渠那得清如许,<br/>
为有源头活水来。<br/>
<img src="观书有感.png" align="center"></p>
</body>
</html>
效果图
今天,终于可以算是弄好了DAY2的任务了……
看了之前群的聊天记录发现没有对在background里插入图片如何不重复进行完全的解答,都跑向用css来解决了……问题是姐姐还没学css啊。
然后就退而求其次,插入图片咯。
不过现在的疑惑是:“观书有感”和“朱熹”下面怎么都空这么开,而且行间距还不一样……