html中圆角和颜色透明度的属性与使用

html中圆角和颜色透明度的属性与使用

一、颜色透明度

1、rgba模式

rgba是CSS3新增的颜色模式，它是rgba模式是在红、绿、蓝三原色的基础上添加了不透明参数。

例如：使用rgba模式为p标签指定透明度为0.5，颜色为红色的背景。
p{background-color-rgba(255,0,0,0.5);}

alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的数字。

2、opacity属性

opacity属性是css3的新增属性，该属性能够任何元素呈现出透明效果，作用范围要比rgba模式大的多。

opacity：参数；

opacity属性用于定义标签的不透明度，参数表示不透明度的值，它是一个介于0~1之间的浮点数值，其中，0表示完全透明，1表示完全透明，而0.5则表示半透明。

二、圆角

实现圆角样式是通过border-radius属性可以将矩形边框四角圆角化，实现圆角效果。

border-radius:水平半径参数1 水平半径参数2 水平半径参数3 水平半径参数4 /垂直半径参数1 垂直半径参数2 垂直半径参数3 垂直半径参数4;
简写为：border-radius:150px;或border-radius:50%；