給網站添加一些額外的裝飾可以讓它更加生動有趣,而CSS是實現這一目標的工具之一。下面介紹幾種常用的CSS技巧,讓你的網站更具吸引力。
/* 1. 背景圖片 */ body{ background-image: url('bg.jpg'); background-size: cover; background-repeat: no-repeat; } /* 2. 圓角邊框 */ .btn{ border-radius: 5px; border: 1px solid #333; padding: 10px 20px; display: inline-block; } /* 3. 漸變色字體 */ h1{ background: -webkit-linear-gradient(#FF6767, #FFC107); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 4. 鼠標懸停效果 */ a:hover{ text-decoration: underline; color: #FF6767; }
以上是只是一些基礎的CSS技巧,當然,你也可以嘗試更加強大的功能,如CSS動畫和響應式布局等。無論你使用哪種技巧,都要確保它們的美觀和易讀性,讓網站用戶得到更好的使用體驗。