在現代職場中,個人簡歷是求職過程中不可或缺的一環。而隨著互聯網的發展,越來越多的人選擇在網上制作自己的簡歷。CSS作為網頁設計的重要組成部分,也為簡歷的制作提供了很好的幫助。
/* 簡歷頁面整體樣式 */ body { background-color: #f1f1f1; font-family: Arial, sans-serif; margin: 0; padding: 0; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; } /* 頭部樣式 */ .header { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #ccc; } .header h1 { font-size: 36px; margin: 20px 0; } .header p { font-size: 18px; color: #999; } /* 個人信息樣式 */ .profile { margin-top: 30px; } .profile h2 { font-size: 28px; margin-bottom: 10px; } .profile ul { list-style: none; margin: 0; padding: 0; } .profile li { font-size: 16px; margin: 10px 0; } /* 工作經歷樣式 */ .experience { margin-top: 30px; } .experience h2 { font-size: 28px; margin-bottom: 10px; } .experience ul { list-style: none; margin: 0; padding: 0; } .experience li { font-size: 16px; margin: 10px 0; } /* 教育經歷樣式 */ .education { margin-top: 30px; } .education h2 { font-size: 28px; margin-bottom: 10px; } .education ul { list-style: none; margin: 0; padding: 0; } .education li { font-size: 16px; margin: 10px 0; } /* 技能樣式 */ .skills { margin-top: 30px; } .skills h2 { font-size: 28px; margin-bottom: 10px; } .skills ul { list-style: none; margin: 0; padding: 0; } .skills li { font-size: 16px; margin: 10px 0; display: inline-block; margin-right: 10px; padding: 5px 10px; background-color: #ccc; color: #fff; border-radius: 5px; }
以上為制作簡歷的基本樣式,我們可以根據自己的需求進行調整,添加自己的個性化設計。