CSS文件內容樣例如下:
/* 設置頁面背景顏色為白色 */ body{ background-color: #fff; } /* 設置標題字體顏色為藍色,字體大小為36px */ h1{ color: #00f; font-size: 36px; } /* 設置鏈接鼠標懸停時字體顏色為紅色 */ a:hover{ color: #f00; } /* 設置圖片邊框為1像素寬,紅色實線,圓角5像素 */ img{ border: 1px solid #f00; border-radius: 5px; }
以上樣例為常見的CSS代碼,具體含義如下:
- 第1、2行:設置全局的頁面背景色為白色。
- 第4、5行:設置標題H1的字體顏色為藍色,字體大小為36px。
- 第7、8行:設置鼠標懸停在鏈接上時字體顏色為紅色。
- 第10-13行:給圖片設置邊框,包括邊框的顏色、線型和圓角半徑。
CSS樣式能夠讓開發(fā)人員對HTML頁面進行更加精細的布局和樣式化,使頁面變得更加美觀、易于閱讀和交互。
上一篇div下移