Kann mir jemand sagen, wie man mit CSS zufällige Farben für den Hintergrund einer Website generiert? Ist es möglich?

Question

Genauso wie wir die Unsplash-Bildquelle verwenden können, um zufällige Bilder zu verwenden. Können wir außerdem eine Hintergrundfarbe nur mit CSS erreichen? Wenn ja, kann mir jemand sagen, wie das geht? Ich verwende eine Zufallsfunktion, um eine zufällige Farbe für den Hintergrund in einem Stil zu generieren. Aber es gibt keine Ausgabe

P粉878510551 · Answer

这至少需要一些 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;
}