隨機(jī)數(shù)抽獎(jiǎng)是網(wǎng)站中常見的一種游戲，也是一種很好的互動(dòng)形式。在實(shí)現(xiàn)這種功能時(shí)，CSS可以發(fā)揮很大的作用。下面將介紹如何使用CSS實(shí)現(xiàn)隨機(jī)數(shù)抽獎(jiǎng)功能。

/* 抽獎(jiǎng)框的樣式 */
#lottery {
width: 200px;
height: 200px;
border: 2px solid #ccc;
position: relative;
}
/* 抽獎(jiǎng)結(jié)果的樣式 */
#result {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
font-weight: bold;
}
/* 抽獎(jiǎng)按鈕的樣式 */
#btn {
display: block;
width: 100px;
height: 40px;
margin: 20px auto;
background-color: #f00;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 5px;
}
/* 使用JavaScript生成隨機(jī)數(shù) */
function randomNum(min,max){
return Math.floor(Math.random()*(max-min+1)+min);
}
/* 點(diǎn)擊按鈕時(shí)觸發(fā)抽獎(jiǎng) */
document.getElementById('btn').addEventListener('click',function(){
var num = randomNum(1,100);
document.getElementById('result').innerHTML = num;
});

在上面的代碼中，我們使用了CSS來美化抽獎(jiǎng)框和抽獎(jiǎng)結(jié)果的樣式。抽獎(jiǎng)按鈕的樣式也是通過CSS設(shè)置的。生成隨機(jī)數(shù)的函數(shù)是通過JavaScript編寫的。當(dāng)點(diǎn)擊按鈕時(shí)，生成一個(gè)1-100之間的隨機(jī)數(shù)，并將結(jié)果顯示在抽獎(jiǎng)框中。