谁能告诉我如何使用 css 为网站的背景生成随机颜色？这可能吗？-PHP中文网问答

文章专题学习下载问答编程词典手游最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

谁能告诉我如何使用 css 为网站的背景生成随机颜色？这可能吗？

P粉267791326 2023-09-06 22:53:31

309

就像我们可以使用 unsplash 图像源来使用随机图像一样。同样，我们可以只使用 css 来实现背景颜色吗？如果是的话谁能告诉怎么做？

我使用随机函数为样式中的背景生成随机颜色。但它没有给出任何输出

P粉267791326

全部回复(1)

P粉8785105512023-09-07 19:53:12 1 楼

这至少需要一些 JS 来随机生成颜色

const container = document.getElementById('element');

generateRandomColor();

function generateRandomColor() {
  // 16777215 is decimal equivalent of FFFFFF in hexadecimal
  const randomHex = Math.floor(Math.random() * 16777215).toString(16);
  container.style.backgroundColor = `#${randomHex}`;
  container.innerHTML = `#${randomHex}`;
}

.container {
  height: 100px;
  width: 100%;
  border: 1px solid black;
  margin-bottom: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
}