body { background-color: #&{randomColor()}; } function randomColor() { var letters = "0123456789ABCDEF"; var color = ""; for (var i = 0; i< 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; }
在上面的代码中,大家首先使用CSS选择器body来选中整个网页的背景颜色,然后使用JavaScript代码来生成随机的颜色值。
在这个JavaScript代码中,大家使用了一个循环来生成一个6位的颜色值字符串,这个字符串中的每一个字符都是在“0123456789ABCDEF”这个字符串中随机选择一个字符得来的,这就是随机颜色代码的精髓所在。
最后,在CSS的background-color属性中使用“&{randomColor()}”这个表达式来动态地引用大家随机生成的颜色值,完成随机颜色的设置。