做网站抽奖系统,深圳网络营销运营,副业做网站软件,佛山个性化网站搭建文章目录 1.烟灰主题个人主页1.1 个人主页界面1.2 个人信息界面1.3 兴趣爱好界面1.4 个人作品界面 2.紫霞主题个人主页2.1 个人主页界面2.2 个人信息界面2.3 兴趣爱好界面2.4 个人作品界面 3.墨夜主题个人主页3.1 个人主页界面3.2 个人信息界面3.3 兴趣爱好界面3.4 个人作品界面… 文章目录 1.烟灰主题个人主页1.1 个人主页界面1.2 个人信息界面1.3 兴趣爱好界面1.4 个人作品界面 2.紫霞主题个人主页2.1 个人主页界面2.2 个人信息界面2.3 兴趣爱好界面2.4 个人作品界面 3.墨夜主题个人主页3.1 个人主页界面3.2 个人信息界面3.3 兴趣爱好界面3.4 个人作品界面 4.海洋主题个人主页4.1 个人主页界面4.2 个人信息界面4.3 兴趣爱好界面4.4 个人作品界面 5.星际主题个人主页5.1 个人主页界面5.2 个人信息界面5.3 兴趣爱好界面5.4 个人作品界面 6.效果和源码6.1 动态效果6.2 源代码6.3 资源结构 源码下载 作者xcLeigh 文章地址https://blog.csdn.net/weixin_43151418/article/details/138708540 HTML5实现简洁好看的个人主页(个人小站五种风格附源码)个人主页源码个人小站源码五种风格对应五种常用主页菜单学习类展示类制作类成就类等界面主题都是以按钮展开延申展示个人信息根据不同类型不同显示对应图片文字可直接修改各种风格都有代码上手简单代码独立可以直接使用。也可直接预览效果。 1.烟灰主题个人主页
1.1 个人主页界面 烟灰主题个人主页个人主页界面内容由图标、名称、名言、欢迎语组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 1.2 个人信息界面 烟灰主题个人主页个人信息界面内容由个人相关信息组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 1.3 兴趣爱好界面 烟灰主题个人主页兴趣爱好界面内容由个人兴趣爱好列表采用图文结合组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 1.4 个人作品界面 烟灰主题个人主页个人作品界面内容由个人作品的图文展示方式组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 2.紫霞主题个人主页
2.1 个人主页界面 紫霞主题个人主页个人主页界面内容由图标、名称、名言、欢迎语组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 2.2 个人信息界面 紫霞主题个人主页个人信息界面内容由个人相关信息组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 2.3 兴趣爱好界面 紫霞主题个人主页兴趣爱好界面内容由个人兴趣爱好列表采用图文结合组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 2.4 个人作品界面 紫霞主题个人主页个人作品界面内容由个人作品的图文展示方式组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 3.墨夜主题个人主页
3.1 个人主页界面 墨夜主题个人主页个人主页界面内容由图标、名称、名言、欢迎语组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 3.2 个人信息界面 墨夜主题个人主页个人信息界面内容由个人相关信息组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 3.3 兴趣爱好界面 墨夜主题个人主页兴趣爱好界面内容由个人兴趣爱好列表采用图文结合组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 3.4 个人作品界面 墨夜主题个人主页个人作品界面内容由个人作品的图文展示方式组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 4.海洋主题个人主页
4.1 个人主页界面 海洋主题个人主页个人主页界面内容由图标、名称、名言、欢迎语组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 4.2 个人信息界面 海洋主题个人主页个人信息界面内容由个人相关信息组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 4.3 兴趣爱好界面 海洋主题个人主页兴趣爱好界面内容由个人兴趣爱好列表采用图文结合组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 4.4 个人作品界面 海洋主题个人主页个人作品界面内容由个人作品的图文展示方式组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 5.星际主题个人主页
5.1 个人主页界面 星际主题个人主页个人主页界面内容由图标、名称、名言、欢迎语组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 5.2 个人信息界面 星际主题个人主页个人信息界面内容由个人相关信息组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 5.3 兴趣爱好界面 星际主题个人主页兴趣爱好界面内容由个人兴趣爱好列表采用图文结合组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 5.4 个人作品界面 星际主题个人主页个人作品界面内容由个人作品的图文展示方式组成排版由上而下下面隐藏个人相关操作跳转当鼠标悬浮上去就显现出来可以操作个人主页、个人信息、兴趣爱好个人作品等四个菜单页面可以自定义增加、修改菜单名称或对应页面内容。 6.效果和源码
6.1 动态效果 这里是完整的效果演示可在此代码基础上更加完善功能支持扩展自己的风格可以删减内容打造属于自己的个人主页。 HTML5实现简洁好看的个人主页(个人小站五种风格附源码) 6.2 源代码 这里是主界面的代码其他图片、js、css等代码见下面的 源码下载 里面有所有代码资源和相关说明。
!DOCTYPE html
htmlheadmeta http-equivcontent-type contenttext/html; charsetutf-8meta nameviewport contentwidthdevice-width,initial-scale1,maximum-scale1,user-scalablenotitle寒光的个人主页/titlelink hrefcss/font-awesome.min.css relstylesheetlink hrefimg/style.css relstylesheet /
/headbodydiv classcon1/divdiv classcon2div stylemargin:50px 80px;color:white; letter-spacing: 4px;tabletrth colspan4 stylefont-weight: bold; color: orangered;✈ 个人作品/th/trtrtd colspan2div classimg-container1img srcimg/works1.png stylewidth: 100%; height: 100%; //divdiv styletext-align: center;a hrefhttps://blog.csdn.net/weixin_43151418/article/details/138598621 target_blank作品1毕业、论文、PPT资源合集整理/a/div/tdth colspan2div classimg-container1img srcimg/works2.png stylewidth: 100%; height: 100%; //divdiv styletext-align: center;a hrefhttps://blog.csdn.net/weixin_43151418/article/details/138462610 target_blank作品2HTML5时尚好看的推广系统/a/div/th/tr/table/div/divdiv classmdiv1div classshare-buttonspan⚔ 查看寒光的个人信息 ⚔/spana hrefindex.htmli classfa fa-android aria-hiddentrue/inbsp;个人主页/aa hrefinfo.htmli classfa fa-bell aria-hiddentrue/inbsp;个人信息/aa hreflove.htmli classfa fa-coffee aria-hiddentrue/inbsp;兴趣爱好/aa hrefworks.htmli classfa fa-cloud aria-hiddentrue/inbsp;个人作品/a/div/div
/body/html6.3 资源结构 源码下载
HTML5实现简洁好看的个人主页个人小站(多种风格附源码)源码 点击下载 --------------- 业精于勤荒于嬉 --------------- --------------- 行成于思毁于随 --------------- 关注博主 带你实现畅游前后端 加入社区 带你体验马航不孤单 神秘个人简介 带你体验不一样得介绍 为爱表白 为你那个TA体验别致的浪漫惊喜 酷炫邀请函 带你体验高大上得邀请 ① 提供云服务部署有自己的阿里云 ② 提供前端、后端、应用程序、H5、小程序、公众号等相关业务 如合作请联系我期待您的联系。 注本文撰写于CSDN平台,作者xcLeigh所有权归作者所有https://blog.csdn.net/weixin_43151418如果相关下载没有跳转请查看这个地址相关链接没有跳转皆是抄袭本文转载请备注本文原地址。 亲码字不易动动小手欢迎 点赞 ➕ 收藏如 问题请留言评论博主看见后一定及时给您答复 原文地址https://blog.csdn.net/weixin_43151418/article/details/138708540防止抄袭原文地址不可删除
