4 . CSS color 属性 --CSS opacity 属性示例

来源：互联网发布：软件学什么好编辑：程序博客网时间：2024/06/09 18:20

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS opacity 属性示例</title>
<style type="text/css" media="all">
#p1
{
opacity:0.2;
}
#p2
{
opacity:0.4;
}
#p3
{
opacity:0.6;
}
#p4
{
opacity:0.8;
}
#p5
{
opacity:1;
}
p
{
width:200px;
height:200px;
background-color:green;
float:left;
}
</style>
</head>
<body>
opacity:0.2;不透明度为20%
opacity:0.4;不透明度为40%
opacity:0.6;不透明度为60%
opacity:0.8;不透明度为80%
opacity:1;不透明度为100%
<blockquote>IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览.</blockquote>

</body>

</html>

梦之都 CSS教程,opacity示例

opacity:0.2;不透明度为20%

opacity:0.4;不透明度为40%

opacity:0.6;不透明度为60%

opacity:0.8;不透明度为80%

opacity:1;不透明度为100%

IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览.