CSS美化是為了提高網站的視覺效果,使用戶有更好的瀏覽體驗。下面我們將介紹一些CSS美化的技巧。
<style> body { background-color: #F7F7F7; /* 設置背景顏色為淺灰 */ font-family: Arial, sans-serif; /* 設置字體為Arial和sans-serif字體 */ } h1 { font-size: 36px; /* 設置標題的字號為36像素 */ color: #333; /* 設置標題顏色為深灰色 */ text-align: center; /* 設置標題居中對齊 */ } a { color: #0077CC; /* 設置鏈接顏色為藍色 */ text-decoration: none; /* 去除鏈接下劃線 */ } button { background-color: #0077CC; /* 設置按鈕背景顏色為藍色 */ color: #fff; /* 設置按鈕字體顏色為白色 */ border: none; /* 去除按鈕邊框 */ padding: 10px 20px; /* 設置按鈕內邊距 */ border-radius: 5px; /* 設置按鈕圓角 */ cursor: pointer; /* 設置鼠標移動到按鈕上時的光標為手勢 */ } input[type="text"], textarea { border: 1px solid #ccc; /* 設置輸入框邊框為灰色 */ padding: 10px; /* 設置輸入框內邊距 */ border-radius: 5px; /* 設置輸入框圓角 */ font-size: 16px; /* 設置輸入框字體大小為16像素 */ width: 100%; /* 設置輸入框寬度為100% */ } </style>
以上是一些常用的CSS美化樣式,通過添加這些樣式可以使網站的外觀看起來更加美觀。
上一篇css美化圖片轉動
下一篇css美化登錄框為圓角