在css中,可以使用rgba函数实现背景透明,文字不透明,只需要给元素背景设置“rgba(数值,数值,数值,数值)”即可;其中透明度(A)取值0~1之间,代表透明度,数值为0时代表完全透明,数值为1时代表完全不透明。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

使用css3中的rgba:

r: red,取正整数或者百分数;g:green,取正整数或者百分数;b:blue,取正整数或者百分数;a:alpha,取0~1之间的数

<!DOCTYPE html><html><head><meta charset="utf-8"><title>css3的rgba</title><style>*{    padding: 0;    margin: 0;}body{    padding: 50px;}.mydemo{    padding: 25px;      background-color: red;    background-color:rgba(255,0,0,0.5);}.mydemo p{    color: black;}</style></head><body>        <div class="mydemo">        <p>myIp</p>         </div></html>

推荐学习:css视频教程

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com