今天我們要分享的是一份使用CSS編寫的簡歷模板代碼,這份簡歷模板非常簡潔大氣,非常適合應(yīng)聘者展示個(gè)人簡歷。下面就讓我們來看一下它的代碼吧!
/* 先定義一些基本的樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; } /* 設(shè)定頁面寬度為800px */ .container { width: 800px; margin: 0 auto; } /* 設(shè)置簡歷中的標(biāo)題樣式 */ h1 { font-size: 36px; margin-bottom: 20px; } /* 設(shè)定簡歷中每個(gè)小節(jié)的樣式 */ .section { margin: 30px 0; } /* 設(shè)定小節(jié)中標(biāo)題的樣式 */ .section-title { font-size: 24px; margin-bottom: 10px; } /* 設(shè)定列表的樣式 */ ul { margin-left: 20px; margin-bottom: 10px; } li { margin-bottom: 5px; } /* 設(shè)定技能列表的樣式 */ .skills ul { display: flex; flex-wrap: wrap; } .skills li { margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 20px; } /* 設(shè)定簡歷中的鏈接樣式 */ a { color: #0366d6; text-decoration: none; font-weight: bold; border-bottom: 1px solid #0366d6; } a:hover { color: #0645ad; border-color: #0645ad; }
以上便是這份簡潔大氣的簡歷模板的所有代碼,相信大家已經(jīng)明白了它的基本結(jié)構(gòu)和樣式設(shè)定