網頁CSS樣式設置是設計一個漂亮并且易于使用的頁面的關鍵要素之一。CSS樣式表用于控制文本和其它HTML元素如鏈接、列表、表格等在頁面中的顯示方式。以下是一些重要的CSS樣式設置:
/* 設置標題樣式 */ h1 { font-size: 36px; color: #333; text-align: center; } /* 設置鏈接樣式 */ a { text-decoration: none; color: #0077cc; border-bottom: 2px solid #0077cc; } /* 設置背景色和邊框樣式 */ .container { background-color: #f5f5f5; border: 1px solid #ccc; padding: 10px; } /* 設置列表樣式 */ ul { list-style: none; margin-left: 0; padding-left: 0; } li { padding: 5px 10px; background-color: #fff; border: 1px solid #ccc; margin-bottom: 5px; }
以上代碼說明了如何設置不同元素的樣式。h1元素的字體大小為36像素,顏色為#333,并且水平居中;鏈接樣式沒有下劃線,并且在鼠標懸停時下邊框為2像素的藍色線條;設置了容器的背景色和邊框樣式;列表樣式去掉了默認列表的圓點,間距,并且添加了背景色和邊框樣式。這些樣式設置通常是通過在HTML中添加一個元素引用外部的CSS文件來實現的。