今天要介绍的是如何使用CSS来切掉一个角，让一个正方形变成四个等边三角形。
首先，大家需要在HTML中添加一个包含元素，用于展示需要切掉角的正方形。例如：
“`html
在这个例子中，大家使用了三个`div`元素，其中第一个`div`元素是一个`edge`元素，表示切掉角的边框。接下来，大家使用两个`div`元素来包围这个`edge`元素，表示切掉角的两个三角形。
接下来，大家需要使用CSS来设置这些元素的属性。首先，大家需要选择所有元素，使用`@media`规则来限制样式在特定的设备上使用。例如：
“`css
@media screen and (max-width: 768px) {
.box {
width: 300px;
height: 300px;
.edge {
width: 20px;
height: 20px;
border-radius: 50%;
在这个例子中，大家使用`width`和`height`属性来设置正方形的宽度和高度，然后使用`border-radius`属性来设置切掉角的边框半径。最后，大家使用`@media`规则来限制样式只适用于宽度为768px的设备。
现在，大家可以访问这个网页，并看到已经切掉角的正方形了。