84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
就像我們可以使用 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 來隨機產生顏色