誰能告訴我如何使用 css 為網站的背景產生隨機顏色？這可能嗎？-PHP中文網路問答

文章專題學習下載問答程式設計字典遊戲最近更新

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

誰能告訴我如何使用 css 為網站的背景產生隨機顏色？這可能嗎？

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

311

就像我們可以使用 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;
}