汇才同飞教育汇才同飞学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › javav › 日志

【Math】随机生成颜色RGB

2020-12-01 17:04:47 查看(20) 回复(0)

在css中,颜色可以使用 rgb(红色数值,绿色数值,蓝色数值) 表示

数值的范围是0-255,

通过Math生成随机数,产生不同的颜色

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 200px;
            height: 200px;
        }
    </style>
    <script>
        function f() {
            a=parseInt(Math.random()*(255+1),10);
            b=parseInt(Math.random()*(255+1),10);
            c=parseInt(Math.random()*(255+1),10);
            document.getElementById("box").style.background="rgb("+a+","+b+","+c+")";
        }
    </script>
</head>
<body>
        <div id="box"></div>
        <button  onclick="f()">颜色</button>
</body>
</html>


评论 (0 个评论)

facelist

全部作者的其他最新日志



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.cn 备案号:京ICP备17025800号-2

f1208.com 备案号:京ICP备14030918号-1

返回顶部