在網頁開發中，CSS的運用不僅可以讓網站的外觀更漂亮，同時也可以提高用戶的體驗。以下是45個炫酷的CSS技巧。

1. 用CSS畫一個三角形，可以用border進行設置。
2. 制作水平居中的文字，可以用text-align:center。
3. 制作垂直居中的文字，可以用line-height進行設置。
4. 修改字體的顏色，可以用color屬性。
5. 調整字體大小，可以用font-size屬性。
6. 改變字體的樣式，可以用font-weight屬性。
7. 修改字體的間隔，可以用letter-spacing屬性。
8. 修改字體的行高，可以用line-height屬性。
9. 使用text-transform屬性改變字體大小寫。
10. 修改文字對齊方式，可以用text-align屬性。
11. 修改文本的縮進，可以用text-indent屬性。
12. 修改文本的裝飾，可以用text-decoration屬性。
13. 使用white-space屬性控制文本如何折行。
14. 使用word-wrap屬性控制單詞是否折行。
15. 使用text-overflow屬性控制文本溢出方式。
16. 使用text-shadow屬性添加陰影效果。
17. 使用text-stroke屬性設置文本描邊。
18. 修改段落樣式，可以用display屬性。
19. 修改文本樣式，可以用text-transform屬性。
20. 使用overflow屬性控制內容溢出。
21. 使用filter屬性改變圖片的顏色。
22. 使用clip-path屬性剪裁圖片。
23. 創建漸變背景色，可以用background屬性設置漸變。
24. 添加背景圖像，可以用background-image屬性。
25. 使用background-size屬性調整背景圖像大小。
26. 使用background-repeat屬性調整背景圖像的重復方式。
27. 使用background-position屬性調整背景圖像的位置。
28. 使用background-origin屬性控制背景圖像的起點位置。
29. 使用background-clip屬性控制背景圖像的展示范圍。
30. 修改邊框的樣式，可以用border-style屬性。
31. 修改邊框的顏色，可以用border-color屬性。
32. 修改邊框的寬度，可以用border-width屬性。
33. 使用border-radius屬性制作帶有圓角的邊框。
34. 使用box-shadow屬性添加陰影效果。
35. 使用transform屬性進行元素變換。
36. 使用transition屬性改變樣式的過渡效果。
37. 使用animation屬性控制元素動畫。
38. 使用opacity屬性控制元素的透明度。
39. 使用visible屬性控制元素的可見性。
40. 使用z-index屬性控制圖層的疊加順序。
41. 使用outline屬性添加元素輪廓線。
42. 使用cursor屬性改變鼠標圖標。
43. 修改清除浮動的方式，可以用clearfix。
44. 使用transform-origin屬性控制元素變換的起點。
45. 使用flexbox進行快速的布局設置。