css 颜色 圆角 透明度

在CSS中，颜色是前端设计中不可或缺的一部分。通过CSS可以使用颜色名称或颜色值来设置元素的背景色和文字颜色等。CSS中支持的颜色格式有多种，如下所示：

颜色名称：red,blue,green,yellow等等
十六进制：#FF0000,#00FF00,#0000FF等等
RGB：rgb(255,0),rgb(0,255,255)等等
RGBA：rgba(255,0.5),rgba(0,0.5)等等

圆角是另外一种非常方便实用的CSS属性。通过设置border-radius属性，可以将元素的边角变成圆角。可以设置每个角的半径大小，也可以设置四个角的统一半径大小。示例如下：

/* 四个角统一半径 */
border-radius: 10px;
/* 可以分别设置四个角的半径 */
border-radius: 10px 5px 20px 15px;

透明度是CSS中的另外一种重要属性。通过opacity属性，可以设置元素的透明度。透明度值的范围是0到1，其中0表示完全透明，1表示完全不透明。示例如下：

/* 元素完全不透明 */
opacity: 1;
/* 元素半透明 */
opacity: 0.5;
/* 元素完全透明 */
opacity: 0;