在網頁設計和開發中,CSS(層疊樣式表)扮演著相當重要的角色。下面我們將介紹一些常用的CSS樣式,以幫助您創建出更加漂亮、有吸引力的網頁。
/* 設置字體 */ p { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; } /* 設置顏色 */ p { color: #333; background-color: #fff; opacity: 0.8; /* 設置透明度 */ } /* 設置對齊方式 */ p { text-align: center; /* 居中對齊 */ line-height: 1.5; /* 行高 */ letter-spacing: 1px; /* 字母間距 */ } /*設置邊框和內邊距*/ p { border: 1px solid #333; padding: 20px; } /* 設置寬度和高度 */ p { width: 600px; height: 200px; } /* 設置列表樣式 */ ul { list-style-type: circle; /* 圓形符號 */ padding: 0; margin: 0; } /* 設置鏈接樣式 */ a { color: #f00; text-decoration: none; font-weight: bold; } /* 設置鼠標懸停樣式 */ a:hover { color: #00f; text-decoration: underline; font-size: 18px; font-weight: normal; }
這些是常用的CSS樣式,在網頁設計和開發中應用廣泛。通過運用這些樣式,您將能夠創建出更加美觀、有吸引力的網頁。