css 随机颜色

发布网友发布时间：2022-04-30 13:58

共2个回答

热心网友时间：2022-04-22 06:45

我只写了一个字的变色其他也是一样的利用随机数生成颜色编码然后改写css
每次刷新颜色都不一样

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>会变色的字</title>

</head>

<body>

<p id="ppp"><b>会变色的字</b></p>

</body>
<script>

var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F'];

function generateMixed(n) {
var res = "";
for(var i = 0; i < n ; i ++) {
var id = Math.ceil(Math.random()*16);
res += chars[id];
}
return res;
}
var num = generateMixed(6);
var p = document.getElementById('ppp')
p.style.color = "#"+num;
</script>
</html>

热心网友时间：2022-04-22 08:03

这个要用到JS的吧？

关于CSS的问题的话推荐去CSS黑板报找找，那里应该会有答案的~

直接百度:CSS黑板报，第一个就是啦~加油！