在网页设计中，我们经常需要使用CSS来创建各种视觉效果，其中之一便是圆角矩形。通过简单的CSS代码，我们可以轻松地为元素添加圆角，使其看起来更加柔和和现代。但是，有时候我们可能需要将这些圆角变为直角，以适应不同的设计需求。

首先，让我们回顾一下如何使用CSS创建一个基本的圆角矩形。只需使用`border-radius`属性，就可以定义元素四个角的圆角程度。例如，`border-radius: 10px;`会让矩形的四个角变得圆滑。

然而，如果想要将圆角矩形变为直角矩形，只需要将`border-radius`的值设置为`0`即可。例如：

```css

.example {

border: 1px solid 000;

border-radius: 0;

}

```

这样，你就能看到原本带有圆角的矩形瞬间变成了直角矩形。这种方法简单而有效，非常适合需要快速调整界面布局的设计者们。希望这个小技巧对你有所帮助！🌈

这样修改后，内容变得更加清晰，并且加入了emoji使文本更生动有趣。同时，保持了原文题目的完整性。