很容易理解的前端基础CSS-如何美化你的网站【零基础向】
<!DOCTYPE html>
<html lang="zh-CN">
<style>
#para1 {
text-align: center;
background-color: rgb(220, 169, 42);
}
.center {
text-align: center;
}
table {
border-collapse: collapse;
margin: auto;
line-height: 1.5;
}
table,
th,
td {
border: 2px solid brown;
}
</style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>朱善森个人网站</title>
</head>
<body class="center">
<a href="https://v.douyin.com/i66kX3V/"><img src="zss.png" alt="头像" width="100" height="100"></a>
<p><b>你好啊，我叫朱善森，一个正在学习编程的资深建筑设计师。</b></p>
<p>这是我的个人网站V0.1版本，用来展示个人学习编程的过程和心得体会。
整改学习课件来自B站UP主康文昌的课程《Re01》</p>
<p>《Re01》是一套专门面向零基础同学的编程课程，适合全年龄段和性别，学完后能够独立开发商业级网站、软件、APP、脚本等。</p>
<p>《Re01》的特色是:全程实战、从最基础到商业项目、配套单词翻译、极简、深入本质。</p>
<p>欢迎你也加入编程学习，掌握一门通向未来的技能！</p>
<table>
<thead>
<tr>
<th>初级目标</th>
<th>中级目标</th>
<th>高级目标</th>
</tr>
</thead>
<tbody>
<tr>
<td>完成新手村任务1</td>
<td>完成静态丛林任务1</td>
<td>前端营地任务1</td>
</tr>
<tr>
<td>完成新手村任务2</td>
<td>完成静态丛林任务2</td>
<td>前端营地任务2</td>
</tr>
<tr>
<td>完成新手村任务3</td>
<td>完成静态丛林任务3</td>
<td>前端营地任务3</td>
</tr>
</tbody>
<caption>学习目标</caption>
<colgroup>
<col>
<col>
<col>
</colgroup>
</table>
<a href=" https://v.douyin.com/i66kX3V/">个人抖音号</a>
</body>
</html>
