在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;