圆角属性border-radius: 50%；与不透明度opacity和rgba（opacity:0.5---半透明）

一、圆角属性

border-radius: 50%;/*圆角效果 推荐大家给50%*/ 可以给盒子宽度的一半，如果盒子宽度变了还要来改值，比较麻烦，推荐给50%代表盒子一半。

border-radius: 20px; 圆角效果

二、不透明度

opacity和rgba都有不透明的效果

opacity:0.5---半透明，取值范围0-1 （最小值是0，最大值是1）0就是100%透明，1就是纯色。

1. opacity是元素的属性，而rgba是颜色的属性值。

2. opacity能够让背景和内容同时透明，rgba只能给元素自身（color）或者背景（background）透明。

background: rgba(0,0,0,0.2);----盒子透明 取值范围0-1