很容易理解的前端基础CSS-如何美化你的网站【零基础向】

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>曹德志的个人网站</title>
</head>
<body style="margin: 0">
<div style="background-color: #f1f1f1; text-align: center; padding: 40px">
<img
alt="曹德志"
src="https://ps.ssl.qhimg.com/t01698c1bc3af22a34b.jpg"
width="80px"
height="80px"
/>
</div>
<div style="max-width: 760px; margin: 30ox auto; line-height: 1.7">
<p>你好,世界,我是曹德志,我从这里开始学习编程。</p >
<p>这是我的个人网站v1版本,用于记录我的编程学习进程。</p >
<p>今天,是2023年2月20日,这个网站页面,就是我今天的第一份学习成果。</p >
<p>
真的很享受今天开始这种学习自己有兴趣,且从未涉及的领域而得到的小小成就感,也坚信我能一路坚持下去。
</p >
</div>
<div
style="
background-color: #f1f1f1;
text-align: center;
padding: 40px;
font-size: 12px;
"
>
<p>版权所有:caodezhi.com</p >
<a href=" ">我的网站</a >
</div>
</body>
</html>