课程/Html5/前端开发
HTML5+CSS3实现春节贺卡
-
-
慕UI5236663
2018-12-03
title

logo
上联
下联
福

-
0赞 · 0采集
-
-
qq_一点静心_03644604
2017-06-03
- Background size
-
截图
0赞 · 0采集
-
-
慕工程2957023
2016-12-01
- div相对设备居中:{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
height:;
width:;
}
-
0赞 · 0采集
-
-
北极阿熊
2016-02-15
- 像建立图层一样一层一层构建网页
-
0赞 · 0采集
-
-
sandogeek
2016-02-11
- div相对设备居中:{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
height:;
width:;
}
-
0赞 · 0采集
-
-
darcygail
2016-02-09
- margin:auto这句自动控制间距,如果不加会显示到左边
-
截图
0赞 · 0采集
-
-
唐无邪
2016-02-04
- div相对设备居中:{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
height:;
width:;
}
-
0赞 · 0采集
-
-
lynhao
2016-02-04
- 第三界面的网页重构代码分为:
#page3 > .p3_log{...} //慕课logo
#page3 > .p3_title{...}//春字标题
#page3 > .p3_second{...}//右对联
#page3 > .p3_first{...}//左对联
#page3 > .p3_blessing {...}//福字
-
截图
0赞 · 0采集
-
-
慕斯卡7752168
2016-02-04
- 代码续:
#page3 > .p3_second {
width: 22.8125vw;
height: 41.652vh;
position: absolute;
top: 25.48vh;
left: 3.75vw;
background: url("../images/p3_couplet_second.png") no-repeat center center;
background-size: 100%;
}
#page3 > .p3_first {
width: 22.8125vw;
height: 41.652vh;
position: absolute;
top: 25.48vh;
right: 3.75vw;
background: url("../images/p3_couplet_first.png") no-repeat center center;
background-size: 100%;
}
#page3 > .p3_blessing {
width: 32vw;
height: 32vw;
position: absolute;
right: 0;
bottom: 10vh;
left: 0;
margin: auto;
border-radius: 50%;
background: url("../images/p3_blessing.png") no-repeat center center;
background-size: 100%;
}
-
1赞 · 0采集
-
-
慕斯卡7752168
2016-02-04
- 整个页面布局大同小异 最主要是位置的裁量
代码:
#page3 > .p3_logo {
width: 34.6875vw;
height: 6.327vh;
position: absolute;
top: 7.82vh;
right: 0;
left: 0;
margin: auto;
background: url("../images/p3_logo.png") no-repeat center center;
background-size: 100%;
}
#page3 > .p3_title {
width: 48.125vw;
height: 50vh;
position: absolute;
top: 21vh;
right: 0;
left: 0;
margin: auto;
background: url("../images/p3_title.png") no-repeat center center;
background-size: 100%;
}
-
1赞 · 0采集