【Html】08-圆角与背景渐变色

圆角和渐变色

圆角

border-radius

width: 400px;
height: 400px;
border-radius:50%

（可以以百分比为单位）效果如下：

width: 400px;
height: 200px;
background-color: pink;
border-radius: 200px/100px;

（可以单独设定x轴和y轴的圆角值）效果如下：

width: 400px;
height: 400px;
background-color: #000;
border-radius: 50px;

当单独设定一个值时：

width: 400px;
height: 400px;
background-color: #000;
border-radius: 50px 100px;

当设定两个值时：

width: 400px;
height: 400px;
background-color: