个人网站

简介

本个人网站旨在展示我的技能、经验和项目作品,以便向潜在雇主或合作伙伴展示我的实力。

页面布局

  • 首页:包含个人信息、技能概述、项目经验、教育背景等内容。
  • 关于我:介绍个人经历、兴趣爱好等信息。
  • 作品集:展示项目作品的详细信息,包括项目描述、技术栈等。
  • 联系我:提供联系方式,供他人与我取得联系。

设计理念

  • 采用简洁明了的设计风格,突出个人信息和重点内容。
  • 通过合理的排版和颜色搭配,提高页面视觉效果。
  • 利用响应式设计技术,使网站在不同设备上显示效果良好。

CSS样式

以下是几个CSS样式示例:

  1. .l_ninety_triangle样式定义了一个带有左三角形边框的效果。通过border-left: 5px solid #466080;设置左三角形的颜色为#466080,使用透明边框实现过渡效果。
  2. .l_triangle样式定义了一个带有右三角形边框的效果。通过border-top: 5px solid #466080;设置右三角形的颜色为#466080,使用透明边框实现过渡效果。
  3. .wx_talk:hover #qr_prev{display: block!important;}是一个鼠标悬停在微信聊天图标上的样式效果,当鼠标悬停时,二维码图片(id为”qr_prev”)会显示出来。
  4. .phone_error{border:1px solid #F44024 !important;}是一个错误提示边框样式,将错误提示区域的边框设置为红色(#F44024)。

以上仅为几个示例,完整的CSS样式文件中还包括其他样式规则,用于美化网站并提供良好的用户体验。