CSS3是Web技術中的一個很重要的組成部分,它可以讓我們創造出更加豐富、更加美觀的網站頁面。
/* 以下是一個簡單的使用CSS3的網站頁面 */ body { background-color: #d1d1e0; font-family: Arial, sans-serif; } h1 { color: #333; text-align: center; } .container { width: 80%; margin: 0 auto; } .box { background-color: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #aaa; padding: 20px; } .button { background-color: #007aff; color: #fff; border: none; border-radius: 5px; padding: 10px; cursor: pointer; transition: background-color 0.3s ease-in; } .button:hover { background-color: #0055cc; } @media screen and (max-width: 768px) { .container { width: 100%; } .box { margin-top: 20px; } }
上面的代碼展示了一個簡單的網站頁面,包括了背景顏色、字體、標題、盒子樣式、按鈕樣式以及媒體查詢等CSS3的特性。
通過CSS3我們可以做出更加生動、精美的網站頁面,提升用戶的瀏覽體驗,同時也讓我們的網站更加專業、現代化。