現代社會給人們提供了更多展示自己的機會,尤其是在網絡上。那么,如何打造一個漂亮、簡潔的個人簡介呢?CSS模板便成為了重要的工具之一。
/* 下面是一個簡單的個人簡介CSS模板 */ body{ background-color:#f5f5f5; font-family: sans-serif; } .header{ text-align: center; } .name{ font-size: 36px; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } .title{ font-size: 20px; font-style: italic; margin-bottom: 20px; } .content{ font-size: 16px; line-height: 1.6; padding: 0 50px; } .skills{ margin-top: 30px; } .skill{ display: inline-block; margin-right: 20px; margin-bottom: 10px; } .skill span{ padding: 5px 10px; background-color: #555; color: white; border-radius: 5px; }
上述代碼是一個簡潔的個人簡介CSS模板,其中包括了頭部(.header)、姓名(.name)、職稱(.title)、主要內容(.content)、技能(.skills)等幾個基本的部分。可以按照自己的需求更改字體顏色、背景色等樣式屬性。
上一篇與圖片有關的css屬性
下一篇css選擇器類型以及事例