个人网站
简介
本个人网站旨在展示我的技能、经验和项目作品,以便向潜在雇主或合作伙伴展示我的实力。
页面布局
- 首页:包含个人信息、技能概述、项目经验、教育背景等内容。
- 关于我:介绍个人经历、兴趣爱好等信息。
- 作品集:展示项目作品的详细信息,包括项目描述、技术栈等。
- 联系我:提供联系方式,供他人与我取得联系。
设计理念
- 采用简洁明了的设计风格,突出个人信息和重点内容。
- 通过合理的排版和颜色搭配,提高页面视觉效果。
- 利用响应式设计技术,使网站在不同设备上显示效果良好。
CSS样式
以下是几个CSS样式示例:
.l_ninety_triangle
样式定义了一个带有左三角形边框的效果。通过border-left: 5px solid #466080;
设置左三角形的颜色为#466080,使用透明边框实现过渡效果。.l_triangle
样式定义了一个带有右三角形边框的效果。通过border-top: 5px solid #466080;
设置右三角形的颜色为#466080,使用透明边框实现过渡效果。.wx_talk:hover #qr_prev{display: block!important;}
是一个鼠标悬停在微信聊天图标上的样式效果,当鼠标悬停时,二维码图片(id为”qr_prev”)会显示出来。.phone_error{border:1px solid #F44024 !important;}
是一个错误提示边框样式,将错误提示区域的边框设置为红色(#F44024)。
以上仅为几个示例,完整的CSS样式文件中还包括其他样式规则,用于美化网站并提供良好的用户体验。