css（1）——border-top-left-radius，order-bottom-left-radius，改变border的四个角的圆弧度

1.border-top（bottom）-left（right）-radius的作用

1. 有这个css的效果
   
   
2. 没有这个css的效果
   
   

2.border-top-left-radius指左上角，border-bottom-left-radius指左下角，border-top-right-radius指右上角，border-bottom-right-radius指右下角

1. 去掉右上角的css，可以看见右上角变成了直角
   
   

3.border-top（bottom）-left（right）-radius的值

1. 它的值是像素（px）
2. 值为0px的时候，是直角，等同于没有这个css
3. 值需大于0px，值为负数的时候，会被浏览器忽略
   
4. 值越大，弧度越大，当值为100000px的时候，样式会变成下图