在現代網頁設計中，CSS起著重要的作用，通過使用CSS可以為網頁提供豐富的樣式和布局，使頁面變得更加美觀和易于閱讀。在這里，我們將介紹一些簡單的CSS主頁模版，以便您快速創建出一個自己的個人主頁。
<!DOCTYPE html>
<html>
<head>
<title>個人主頁</title>
<style>
/* 頭部背景顏色 */
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em;
}
/* 導航欄樣式 */
nav {
background-color: #444;
text-align: center;
padding: 1em;
}
nav a {
text-decoration: none;
color: #fff;
padding: 0.5em;
margin: 0.5em;
}
/* 主體內容樣式 */
article {
margin: 2em;
}
/* 底部樣式 */
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em;
}
</style>
</head>
<body>
<header>
<h1>個人主頁</h1>
<p>我的個人主頁，歡迎來訪！</p>
</header>
<nav>
<a href="#">首頁</a>
<a href="#">文章</a>
<a href="#">聯系方式</a>
</nav>
<article>
<h2>歡迎來我的個人主頁</h2>
<p>這里是我分享我的一些想法和經驗的地方。</p>
<h3>最近的文章</h3>
<ul>
<li>文章一標題</li>
<li>文章二標題</li>
<li>文章三標題</li>
</ul>
</article>
<footer>
<p>版權所有 ? 2022 <a href="#">我的個人主頁</a></p>
</footer>
</body>
</html>在這個模版中，我們使用了header、nav、article和footer標簽來分別定義頭部、導航、主體內容和底部的樣式。通過使用CSS，我們可以輕松地改變了這些元素的顏色、對齊方式和內邊距等，從而創建出一個簡潔、美觀的個人主頁。希望這個模版對您有所幫助！
上一篇mysql安裝時間很長么
下一篇css簽到墻特效