你好,我的名字是易小明。我是一名前端開發工程師,熱愛學習新的技術并不斷提升自己的能力和經驗。以下是我的個人簡介模板,用于展示我的工作經歷、技能和項目。
.about-me { background-color: #F9F9F9; padding: 50px; font-family: Arial, Helvetica, sans-serif; } .about-me h2 { color: #333; font-size: 28px; font-weight: bold; } .about-me p { color: #666; font-size: 16px; line-height: 1.5; } .about-me .experience { margin-top: 30px; border-top: 1px solid #CCC; padding-top: 30px; } .about-me .experience h3 { color: #333; font-size: 24px; font-weight: bold; margin: 0; } .about-me .experience p { color: #666; font-size: 16px; line-height: 1.5; } .about-me .skills { margin-top: 30px; border-top: 1px solid #CCC; padding-top: 30px; } .about-me .skills ul { list-style: none; padding: 0; margin: 0; } .about-me .skills li { display: inline-block; margin-right: 20px; font-size: 16px; color: #666; } .about-me .skills li:last-child { margin-right: 0; } .about-me .projects { margin-top: 30px; border-top: 1px solid #CCC; padding-top: 30px; } .about-me .projects h3 { color: #333; font-size: 24px; font-weight: bold; margin: 0; } .about-me .projects p { color: #666; font-size: 16px; line-height: 1.5; }
上述模板使用了CSS來定義樣式,包括背景顏色、字體大小、行高、邊框和間距等。其中,通過選擇器來編輯不同的部分,如標題、段落、項目列表等。如果您想要創建自己的個人簡介模板,可以根據這個模板進行修改和擴展,以滿足您的個性化需求。
上一篇css 如何設置局部滾動
下一篇css 如何設置li高度