在網站設計中,CSS是至關重要的一部分。它通過控制網頁的布局、字體大小、顏色以及其他元素,幫助網站達到美觀、易讀的目的。下面介紹如何在style中寫入CSS,以及一些實用的CSS代碼。
/* CSS代碼放在style標簽中 */ /* 控制元素 */ p { font-size: 16px; /* 控制文字大小 */ color: #333; /* 控制文字顏色 */ line-height: 1.6; /* 行間距 */ } /* 控制背景 */ body { background-color: #f8f8f8; /* 頁面背景色 */ } /* 控制導航條 */ nav { background-color: #333; /* 導航條背景色 */ color: #fff; /* 導航條文字顏色 */ padding: 10px; /* 內邊距 */ } /* 控制鏈接 */ a { color: #333; /* 鏈接顏色 */ text-decoration: none; /* 去除下劃線 */ } /* 高亮鼠標指針在按鈕上的效果 */ .btn:hover { background-color: #f44336; /* 紅色背景 */ color: #fff; /* 白色文字 */ }
有了以上的CSS代碼,我們可以輕松控制我們的網頁元素樣式,從而達到視覺上的效果。還有很多CSS屬性值可以使用,根據個人需求進行加入即可。