在求職過程中,一份美觀的個人簡歷顯得尤為重要。使用CSS來美化自己的簡歷也是一種提高競爭力的方法。下面是一份簡單的個人簡歷表格模板,供大家參考。
/* 簡歷表格 */ table { width: 100%; border-collapse: collapse; } table, th, td { border: 1px solid #ccc; } /* 表頭樣式 */ th { padding: 8px; font-weight: bold; background-color: #f2f2f2; } /* 表格內容樣式 */ td { padding: 8px; } /* 奇數行背景色 */ tr:nth-child(odd) { background-color: #f9f9f9; } /* 鼠標懸停效果 */ tr:hover { background-color: #e5e5e5; } /* 自我介紹 */ .intro { font-size: 18px; font-weight: bold; margin-bottom: 10px; } /* 工作經歷和教育經歷標題 */ .title { font-size: 16px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } /* 技能標簽 */ .skill { display: inline-block; padding: 6px 10px; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; background-color: #f2f2f2; } /* 自定義顏色技能標簽 */ .skill.html { background-color: #f16529; color: #fff; } .skill.css { background-color: #264de4; color: #fff; } .skill.js { background-color: #f0db4f; color: #000; } .skill.php { background-color: #777bb4; color: #fff; }
以上是一份基礎的CSS樣式表,可以用于制作簡潔美觀的個人簡歷表格。我們可以根據個人需要自定義樣式,例如通過增加自己的技能標簽,提高自己的吸引力。
上一篇鏈接css的功能
下一篇css中div上下浮動