龙空技术网

HTML5 如何调整背景色

寒笛过霜天 77

前言:

目前兄弟们对“html底色设置”大体比较珍视,姐妹们都想要学习一些“html底色设置”的相关资讯。那么小编同时在网上网罗了一些有关“html底色设置””的相关资讯,希望姐妹们能喜欢,看官们快快来了解一下吧!

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>调整背景色</title><script type="text/javascript">window.onload = function(){    var oInput = document.getElementsByTagName("input");    for(var i=0;i<oInput.length;i++){        oInput[i].onchange = function(){        iRed = document.getElementById("red").value;        iGreen = document.getElementById("green").value;        iBlue = document.getElementById("blue").value;        //document.body.bgColor= "rgb("+iRed+","+iGreen+","+iBlue+")";        //在 HTML 5 中,删除了所有 <body> 的特殊属性。而那些属性在 HTML 4.01 中是不被赞成使用的。        document.body.style.background = "rgb("+iRed+","+iGreen+","+iBlue+")";        }    }}</script></head><body>红色:<input type="range" min="0" max="255" id="red" value="255"/><br />绿色: <input type="range" min="0" max="255" id="green" value="255"/><br />蓝色: <input type="range" min="0" max="255" id="blue" value="255"/></body></html>

标签: #html底色设置