CSS(Cascading Style Sheets)是一種用于描述網頁樣式的語言,它可以改變頁面的顏色、字體、布局、動畫等,使網頁看起來更加美觀、酷炫。
CSS 有很多好玩的用法,下面我們來看看其中幾個。
/* 改變背景顏色 */ body { background-color: pink; } /* 旋轉圖片 */ img { transform: rotate(180deg); } /* 懸停特效 */ a:hover { color: blue; text-decoration: underline; } /* 彈跳動畫 */ @keyframes bounce { 0% {transform: translateY(0);} 50% {transform: translateY(-10px);} 100% {transform: translateY(0);} } button { animation: bounce 1s infinite; }
通過上述代碼,我們可以實現以下效果:
1. 將頁面背景改為粉色。
2. 將圖片順時針旋轉 180 度。
3. 當鼠標懸停在鏈接上時,鏈接文字變成藍色、帶下劃線。
4. 當用戶點擊按鈕時,按鈕會以彈跳的方式動畫顯示。
以上只是 CSS 的冰山一角,大家可以嘗試更多的 CSS 效果,讓網頁變得更加華麗、有趣。