如何在页面中添加一个正方形(大约80%的宽度、高度和颜色)？

要在页面中添加一个正方形，可以使用HTML和CSS来实现。

首先，在HTML文件中创建一个div元素，作为正方形的容器：

<div id="square"></div>

然后，在CSS文件中设置该div元素的样式，使其成为一个正方形，并设置宽度、高度和颜色：

#square {
  width: 80%;
  height: 0;
  padding-bottom: 80%;
  background-color: #ff0000;
}

解释：

• width: 80%; 设置正方形的宽度为页面宽度的80%。
• height: 0; 将高度设为0，使得正方形的高度由padding-bottom属性来决定。
• padding-bottom: 80%; 设置padding-bottom属性为正方形宽度的80%，这样正方形的高度就与宽度相等了。
• background-color: #ff0000; 设置正方形的背景颜色为红色。

这样，就在页面中成功添加了一个宽度、高度和颜色都为80%的正方形。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe