在網站開發中,經常需要使用CSS來設計網站樣式。為了方便起見,許多網站都使用了已經設計好的簡單CSS網站模板。這些模板不僅易于使用和修改,而且可以是您的網站看起來更加專業。
/* 可以寫在style標簽之中或者引入外部文件 */ body { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; } .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; } .header { background-color: #333; color: #fff; padding: 20px; } .nav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #f1f1f1; } .nav li { float: left; } .nav li a { display: block; color: #333; text-align: center; padding: 14px 16px; text-decoration: none; } .nav li a:hover { background-color: #ddd; } .footer { background-color: #333; color: #fff; padding: 20px; }
上述代碼是一個簡單的CSS網站模板。其中包括基礎的元素樣式如body、container、header、nav、footer等。這些元素的基礎樣式可以讓您的網站擁有一個統一的外觀。如果您想要更改元素的樣式,只需要修改CSS代碼并在您的HTML文件中引用即可。
此外,您還可以根據需要添加其他樣式來自定義您的網站。這樣,您就可以根據自己的喜好和需求,打造一個個性化的網站了。