在網絡上展示個人的技能及經歷已經成為一種常見的方式。使用 CSS3 寫個人簡歷是一個非常好的選擇。今天，我來分享一下如何用 CSS3 寫個人簡歷。

首先，我們需要一個基本的 HTML 結構來展示個人的信息。以下是一個簡單的范例：

<div class="resume">
<h1>個人簡歷</h1>
<div class="personal-info">
<h2>個人信息</h2>
<p>姓名：張三</p>
<p>出生日期：1990年1月1日</p>
<p>電子郵件：zhangsan@xxx.com</p>
<p>電話號碼：xxx-xxxx-xxxx</p>
</div>
<div class="education">
<h2>教育背景</h2>
<p>北京大學，計算機科學碩士，2012-2015</p>
<p>上海交通大學，計算機科學學士，2008-2012</p>
</div>
<div class="skills">
<h2>技能</h2>
<p>精通 Java，掌握 Python 和 Ruby</p>
<p>熟悉 HTML5 和 CSS3，了解 JavaScript</p>
<p>熟悉 MySQL 和 MongoDB</p>
</div>
</div>

接下來，我們來添加一些 CSS3 樣式來美化簡歷。

.resume {
width: 800px;
margin: 0 auto;
padding: 30px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
h1 {
text-align: center;
font-size: 40px;
font-weight: bold;
}
h2 {
font-size: 24px;
margin-bottom: 10px;
}
p {
font-size: 18px;
line-height: 30px;
margin-bottom: 5px;
}
.personal-info, .education, .skills {
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
.personal-info h2:before {
content: "\f007";
font-family: FontAwesome;
margin-right: 5px;
}
.education h2:before {
content: "\f19c";
font-family: FontAwesome;
margin-right: 5px;
}
.skills h2:before {
content: "\f0c3";
font-family: FontAwesome;
margin-right: 5px;
}
h2:before {
color: #333;
font-size: 24px;
}

以上是一個簡單的 CSS3 樣式，它可以讓個人簡歷看起來更加美觀和專業。現在，您可以用以上代碼和簡單的 HTML 結構輕松地編寫您自己的個人簡歷。記住，在編寫您自己的簡歷時，要展現您的技能和經驗，并確保它易于閱讀。