css一个盒子两个角变圆角

CSS中要让一个盒子两个角变圆角，需要使用border-radius属性。border-radius属性定义一个元素的角的圆角。该属性有几个值：一个、两个、三个或四个。这些值允许您针对元素的每个角设置不同的圆角。在本文中，我们将为您展示如何使用CSS的border-radius属性将一个盒子的两个角变成圆角。

让我们看看下面的CSS代码，这会帮助我们达到这个目标：

.box{
  width: 200px;
  height: 200px;
  background-color: #eee;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
} 

在上面的代码中，我们为box类定义了宽度，高度和背景颜色属性。这将创建一个宽度为200像素，高度为200像素，背景颜色为#eee的盒子。我们还为border-top-right-radius和border-bottom-left-radius属性分别设置了20像素的值。这将会把右上角和左下角变成圆角。

通过上述CSS代码，我们已经成功地将一个盒子的两个角变成了圆角，我们现在可以在网页设计中灵活运用这种效果了。