CSS
|
Код:
|
body {margin: 0; padding: 0;}
input {outline: 0px;}
#square {width: 256px; height: 256px; margin: 400px;}
#square div {width: 1px; height: 1px; float: left; overflow: hidden;} |
HTML
<body>
<div id="square"></div>
<script>
function brush() {
var hor = 256;
var ver = 256;
var num = '';
var square = document.getElementById('square');
for (var i=0; i<ver; i++) {
for (var q=0; q<hor; q++) {
num +='<div style="background: rgb(0,'+i+','+q+');"></div>';
}
}
square.innerHTML = num;
}
brush();
</script>
</body>