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

Question

So 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 zufällige Farben für den Hintergrund im Stil zu generieren. Aber es gibt keine Ausgabe

Answer 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;
}

<div id="element" class="container"></div>
<button onclick="generateRandomColor()">Generate Random Color</button>