这个是一个简单的个人网页,图片什么的都是网上找的,都可以自己替换的哦。下面是网页的效果图。
主页
这个是个人简介页面
这个是个人相册页面,照片都是可以旋转会动的哦
这个是音乐界面,都是可以听的哦
这个是留言界面
个人网站 * { /* CSS样式重置 */margin:0; padding:0;}body {background:url("other/image/14.jpg") 0 0 repeat;padding:35px 0 0;margin:auto;text-align:center;}.ribbon {display:inline-block;}.ribbon:after, .ribbon:before {margin-top:0.5em;content: "";float:left;border:1.5em solid #E6E6FA;}.ribbon:after {border-right-color:transparent;}.ribbon:before {border-left-color:transparent;}.ribbon a:link, .ribbon a:visited { color:#000;text-decoration:none;float:left;height:3.5em;overflow:hidden;}.ribbon span {background:#E6E6FA;display:inline-block;line-height:3em;padding:0 1em;margin-top:0.5em;position:relative;-webkit-transition: background-color 0.2s, margin-top 0.2s; -moz-transition: background-color 0.2s, margin-top 0.2s;-ms-transition: background-color 0.2s, margin-top 0.2s; -o-transition: background-color 0.2s, margin-top 0.2s; transition: background-color 0.2s, margin-top 0.2s;}.ribbon a:hover span {background:#FFD204;margin-top:0;}.ribbon span:before {content: "";position:absolute;top:3em;left:0;border-right:0.5em solid #9B8651;border-bottom:0.5em solid #fff;}.ribbon span:after {content: "";position:absolute;top:3em;right:0;border-left:0.5em solid #9B8651;border-bottom:0.5em solid #fff;}.bdh{width:900px;height:600px;margin:10px auto;border:1px solid #fff;background: url("other/image/17.jpg");background-size:100% 100%;border-radius: 50% 50%;}.bd{width:400px;height:400px;margin:120px auto;text-align: left;position:relative;}p{font-family: "隶书";font-size:30px;top:150px;}.footer {height: 40px;line-height: 40px;position: relative;bottom: 0;width: 100%;text-align: center;color: #000;font-family: Arial;font-size: 20px;letter-spacing: 1px;}个人简介个人相册酷音乐吧有事留言我们总羡慕别人的幸福,却常常忽略自己生活中的美好。其实,幸福很平凡也很简单,它就藏在看似琐碎的生活中。幸福的人,并非拿到了世界上最好的东西,而是珍惜了生命中的点点滴滴,用感恩的心态看待生活,用乐观的态度闯过磨难。
© XXX 版权所有
有事留言
酷音乐吧 酷音乐吧!Audio Not Support :(- 那年初夏 - 任然
- 过去-于文文
- 老街-李荣浩
- 讲真的-曾惜
- 知足-胡夏
- 安和桥-宇西
- 羞答答的玫瑰静悄悄地开-胡夏
以上是一部分代码哦,有兴趣的有问题需要解答小伙伴可以留言评论哈,我都会看的