<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$美少女战士$</title>
<style>
body {
background-color: grey;
}
.box {
width: 600px;
height: 600px;
background-color: red;
/*6位16进制 每两位为一组 red green blue */
/*6位16进制 每两位为一组 red green blue*/
/*a alpha 透明度 0-1 小数 0 看不见 0.1 透明 0.2 0.3 0.9 1 不透明*/
/*a alpha 透明度 0-1小数 0看不见 0.1 透明 0.2 0.3 0.9 1 不透明*/
/* background-color: rgba(0,0,0,0.4);*/
/*rgb() red , green blue
#采用的是十六进制
rgb用的是二进制
rgb( red,green,blue)
rgba()透明指的是背景透明
rgba()透明指的是背景透明
rgba( red,green,blue,透明度)透明指的是背景透明
*/
/*background-color: #000;*/
/*position: relative;*/
/*margin: 100px auto;*/
/*}*/
</style>
</head>
<body>
<div class="box" style="opacity:1" >
<div style="height: 300px;width: 300px;background-color: rgba(255,255,255,0);">
<div style="background-color: #00ff00;height: 150px;width: 150px;"></div>
</div>
<!--红白蓝三色光合成白色 红白蓝三色光都没有就是黑色-->
<!--opacity透明指的是背景和内容均透明-->
</div>
</body>
</html>
前端html5CSS3颜色表示法
最新推荐文章于 2022-11-22 01:11:17 发布