简介
在本实验中，我们将探索 CSS 编程的基础知识。本实验旨在帮助初学者入门 CSS，并学习如何使用它来创建美观且响应式的网页。在整个实验过程中，我们将涵盖选择器、属性和值等各种主题，并提供实践练习以强化这些概念。
这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个 初级 级别的实验，完成率为 95%。获得了学习者 100% 的好评率。
三角形
虚拟机中已提供 index.html 和 style.css。
要使用纯 CSS 创建三角形，请执行以下步骤：
- 使用三个具有相同
border-width（20px）的边框来创建三角形形状。 - 将三角形指向的对边的
border-color设置为所需颜色。相邻边框的border-color应为transparent（透明）。 - 要调整三角形的大小，请更改
border-width值。
以下是一个示例代码片段：
<div class="triangle"></div>
.triangle {
width: 0;
height: 0;
border-top: 20px solid #9c27b0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
请点击右下角的“Go Live”以在端口 8080 上运行网络服务。然后，你可以刷新“Web 8080”标签页来预览网页。
总结
恭喜你！你已完成三角形实验。你可以在 LabEx 中练习更多实验以提升你的技能。