就像我們可以使用 unsplash 圖像來源來使用隨機圖像一樣。同樣,我們可以只使用 css 來實現背景顏色嗎? 如果是的話誰能告訴怎麼做?
我使用隨機函數為樣式中的背景產生隨機顏色。但它沒有給出任何輸出
這至少需要一些 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>
這至少需要一些 JS 來隨機產生顏色