<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- style是设置标签对应范围及其风格 -->
<!-- border边框距离 1px是1像素 solid代表实线 red是实线的颜色-->
<!-- width是宽 height是高 -->
<!-- background-color是背景颜色 -->
<div style="border: 1px solid rgb(255, 85, 0); width: 500px; height: 400px; background-color: rgb(255, 80, 0);">
<!-- 块之间是可以嵌套的-->
<div style="border:1px solid gray;width: 400px;height: 100px; background-color: aqua;">
<!-- span是对于局部数据的特殊处理 -->
<!-- font-size 是设置字体大小 -->
<!-- font-weight 是设置字体宽度 -->
<p> <span style="font-size: 30px; font-weight: bold;">2024</span>年10月13日</p>
<p>456</p>
<!-- <p>456</p>
<p>456</p> -->
</div>
<div style="border:1px solid yellow;width: 400px;height: 100px; background-color: greenyellow;">
</div>
</div>
</body>
</html>