前端html5CSS3颜色表示法
生活随笔
收集整理的這篇文章主要介紹了
前端html5CSS3颜色表示法
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>$美少女戰(zhàn)士$</title><style>body {background-color: grey;}.box {width: 600px;height: 600px;background-color: red;/*6位16進(jìn)制 每?jī)晌粸橐唤M red green blue *//*6位16進(jìn)制 每?jī)晌粸橐唤M red green blue*//*a alpha 透明度 0-1 小數(shù) 0 看不見 0.1 透明 0.2 0.3 0.9 1 不透明*//*a alpha 透明度 0-1小數(shù) 0看不見 0.1 透明 0.2 0.3 0.9 1 不透明*//* background-color: rgba(0,0,0,0.4);*//*rgb() red , green blue#采用的是十六進(jìn)制rgb用的是二進(jìn)制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><!--紅白藍(lán)三色光合成白色 紅白藍(lán)三色光都沒有就是黑色--><!--opacity透明指的是背景和內(nèi)容均透明--></div></body>
</html>
總結(jié)
以上是生活随笔為你收集整理的前端html5CSS3颜色表示法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端元素显示和消失
- 下一篇： 前端HTML5CSS动画变形动画之过渡