html+css网页前台
DRMIVET Stone
If you do not wish anyone to know what you have done, it is better not to have done it in the first place
展开
-
div+css实现效果和
MyHtml.html --> *{margin:0px;padding:0px} #header{width:1300px;height:37px;border:1px solid #F00;margin:0px auto; box-shadow:3px 2px 15px #000000;border-radius:3px;overflow原创 2015-02-25 19:08:12 · 1031 阅读 · 0 评论 -
html+css表白墙
Document *{margin:0px;padding:0px;} .box_mod{width:830px;margin:120px auto;position:relative;} .box_top{width:830px;height:10px;background:url("img/1.png") no-repeat;} .box_bottom{width:830原创 2015-02-25 22:42:53 · 8431 阅读 · 12 评论 -
html+css实现windows桌面
MyHtml.html *{margin:0px;padding:0px;} a{width:64px;height:64px;background:url("images/1.png"); display:block;margin:120px auto;} a:hover{background:url("images/2.pn原创 2015-02-25 23:15:50 · 3634 阅读 · 0 评论 -
html+css图片首页
MyHtml.html *{margin:0px 0px; padding:0px 0px;} #main{width:960px;height:345px;box-shadow:1px 1px 9px #000; margin:20px auto;position:relative;overflow:hidden} #main .imgd原创 2015-02-25 21:51:47 · 650 阅读 · 0 评论 -
html+css实现图片展示桌面
MyHtml.html *{margin:0px 0px; padding:0px 0px;} body{background:url("img/bg.jpg");position:relative;} #main{width:1186px;height:788px; border:1px solid #66FF33;margin:50px au原创 2015-02-25 21:58:27 · 1538 阅读 · 0 评论 -
html+css实现感恩节祝福
MyHtml.html --> *{margin:0px 0px;pasdding:0px 0px;} body{background:#FFCB7D} #Mbackground{width:1300px;height:650px;margin:6px auto; border:1px solid #000;border-r原创 2015-02-25 19:25:11 · 2515 阅读 · 2 评论 -
html+css英雄联盟列表
MyHtml.html --> *{margin:0px 0px ; padding:0px 0px;} body{background:#000;position:relative;} body .bg {width:1300px;height:700px;position:absolute;left:20px; top:10p原创 2015-02-25 21:00:50 · 3267 阅读 · 1 评论 -
html+css图片2D旋转
MyHtml.html *{margin:0px 0px;padding:0px 0px;} .page{width: 1040px; height: 330px; background:rgba(212, 99, 38, 1); box-shadow: 1px 1px 10px rgba(153, 129, 26, 1);原创 2015-02-25 21:41:24 · 1454 阅读 · 0 评论 -
html+css实现爱奇艺图片展示
MyHtml.html --> *{margin:0px ; padding:0px;} #big{width:100%;} .main{width:238px ;height:318px; background:rgba(160,0,13,0.5); position:absolute/*定位*/; top:10px; rig原创 2015-02-25 22:08:21 · 1533 阅读 · 1 评论 -
html+css实现图片流动
MyHtml.html --> *{margin:0px; padding:0px;} body{ background:#ffb66c;} div{width:960px ; height:270px ;border:10px solid #e93d68; margin:120px auto ; border-r原创 2015-02-25 22:13:55 · 3755 阅读 · 0 评论 -
html+css实现手机缩放,频幕转换
MyHtml.html --> *{margin:0px;padding:0px;} body{background:url("imgs/img/bj.jpg")no-repeat fixed; background-size:cover;} #nav #logo{ background:rgba(255,255,255,0.原创 2015-02-25 17:21:16 · 1112 阅读 · 0 评论 -
html+css实现京东换图片
Document *{margin:0px; padding:0px;} .ad{margin:120px auto;width:520px;height:280px; background:#f00;position:relative; overflow:hidden;} .pic{width:520px ;height:280px;/*border:1px solid原创 2015-02-25 21:12:20 · 1093 阅读 · 0 评论 -
html+css英雄联盟网页
MyHtml.html --> *{margin:0px 0px ; padding:0px 0px ;} body{ background-color:#000;position:relative; } #Mybg{width:1300px;height:700px;/*border:1px solid #FFCC33;原创 2015-02-25 20:50:15 · 6327 阅读 · 5 评论 -
html+css实现3D旋转图片展示
MyHtml.html --> *{margin:0px ; padding:0px} body{background:url("imgs/bg.jpg")} .list{width:1200px; height:700px;background:rgba(0,0,0,0.3 ); box-shadow:0px 0px 5px #000;原创 2015-02-25 17:12:37 · 4963 阅读 · 1 评论 -
html+css图片展示
MyHtml.html --> *{margin:0px;} #imgList{width:989px;height:370px;} #imgList .box1{width:325px;height:370; float:left;margin-right:4px;} #imgList .box1 .top{width:325px;原创 2015-02-25 22:39:56 · 1335 阅读 · 0 评论 -
js+jquery实现html5的后台缓存书签效果
New Document *{margin:0px;padding:0px;} body{background:url("imges/bg2.jpg")} .Menu{ width:200px;height:252px;background:#CDFEC0; position:absolute;left:500px;top:100px;原创 2015-02-25 17:35:17 · 854 阅读 · 0 评论 -
hrml+css换肤效果
New Document *{margin:0px ; padding:0px;} body{background:url("imgs/1.jpg")no-repeat fixed;background-size:cover;} .button{position:fixed;left:20px;top:0px;cursor:pointer;} .web{wi原创 2015-02-25 18:54:36 · 709 阅读 · 0 评论 -
html+css实现图片滑移效果
ChouTiZhanShi.html --> body{background:url("img/bg.jpg")no-repeat} *{margin:0px; padding:0px;} #imgs{width:1218px ; height:233px ;border-radius:9px; box-shadow:0px 0px 8p原创 2015-02-25 19:18:27 · 1274 阅读 · 0 评论 -
html5瀑布流
MyHtml.html --> *{margin:0px; padding:0px;} body{text-align:center;line-height:30px;font-family:"微软雅黑";margin:5px auto;} .list{width: 1000px; border: 1px solid rgb原创 2015-02-25 21:05:38 · 709 阅读 · 0 评论 -
html+css实现图片转动
MyHtml.html *{margin:0px 0px;padding: 0px 0px;} .main{width:1300px; height:740px;box-shadow:0px 0px 6px #000; margin:15px auto;position:relative;} .main .pic{width:720px;he原创 2015-02-25 21:26:24 · 1106 阅读 · 0 评论 -
html实现图片遮盖
王琪加油.html --> *{margin:3px;padding:0px;} .main{width:1010px;background:#ccccff; margin:120px auto} .main .box{width:230px;height:350px;background:#FFFFFF; border-radiu原创 2015-02-25 22:20:55 · 3076 阅读 · 1 评论 -
html+css实现购物显示
MyHtml.html *{margin:0px;padding:0px;} #web{ width:1020px;height:345px;border:2px solid #660066; margin:40px auto; } #web .pic{width: ;height:} #web ul li { list-st原创 2015-02-25 17:27:06 · 1444 阅读 · 0 评论 -
html+css实现百叶效果
New Document *{margin:0px;padding:0px;} #wap{width:1180px;height:360px; border:5px solid #ddd;margin:30px auto; overflow:hidden; } #wap ul {width:11090px;height:360px;border:2p原创 2015-02-25 17:31:03 · 906 阅读 · 0 评论 -
html+csss实现qq空间皮肤显示
New Document *{margin:0px;padding:0px;} body{background:url("images/oo.jpg")no-repeat fixed;background-size:cover;} #huanfu{margin:200px auto;width:548px;height:299px; background:#A原创 2015-02-25 18:58:37 · 903 阅读 · 0 评论 -
html+css qq空间模仿
MyHtml.html *{main: 0px 0px;padding : 0px 0px;} .main{width:900px;height:415px;background:#000;margin:10px auto;} .title{width:900px;height:40px;background:#333332; margin:0原创 2015-02-25 21:45:37 · 5746 阅读 · 1 评论 -
html+css轮播
MyHtml.html --> *{margin:0px;padding:0px;} .cont{width:100%;height:450px;/*background:#6901ab*/; /*超粗父亲内容的子项*/overflow:hidden; position:relative; cursor:pointer;} .co原创 2015-02-25 22:29:04 · 846 阅读 · 0 评论