TOP

用HTML编写漫威页面(四)
2019-09-03 03:34:26 】 浏览:37
Tags:HTML 编写 页面

kground-position:-107px -37px ;
position: absolute;
top: 274px;
right: 200px;
}
.juji>i:nth-child(4){
display: inline-block;
width: 144px;
height: 36px;
background-image: url("../images/icon.png");
background-position:0 -354px ;
position: absolute;
top: 290px;
left: 730px;
}
.juji>i:nth-child(5){
display: inline-block;
width: 144px;
height: 36px;
background-image: url("../images/icon.png");
background-position:0 -354px ;
position: absolute;
left: 560px;
top:290px;
}
.juji>i:nth-child(4)>a{
margin-left: 40px;
color: white;
line-height: 30px;
}
.juji>i:nth-child(5)>a{
margin-left: 30px;
color: white;
line-height: 30px;
}
.move{
position: absolute;
left: 200px;
top: 346px;
}

.bb{
display: inline-block;
width: 52px;
height: 60px;
background-image: url("../images/icon.png");
background-position:-18px -213px;
}
.bb:hover{
display: inline-block;
width: 52px;
height: 60px;
background-image: url("../images/icon.png");
background-position:-102px -215px;
}
.juese>p{
color: white;
font-size: 24px;
margin-left: 120px;
padding-top: 38px;
}
.juese>p:hover{
color:green;
}
/*漫威动漫*/
.dongman{
width: 100%;
height: 500px;
margin: 0 auto;
padding-top: 30px;
position: relative;
background-image: url("../images/am_bj.jpg");
}
.dongman>aside{
width: 1002px;
height: 559px;
margin: 0 auto;
overflow: hidden;
}
aside>div:first-child{
overflow: hidden;
}
aside>div:first-child>p{
font-size: 22px;
float: left;
}
aside>div:first-child>a{
float: right;
color: white;
font-size: 18px;
background: linear-gradient(to right,darkmagenta,green);
}
.zhizhuxia>div:first-child{
float: left;
}
.zhizhuxia>div:nth-child(2){
float: left;
}
.zhizhuxia>div:nth-child(3){
float: left;
}
.zhizhuxia{
overflow: hidden;
}
.zhizhuxia>div{
margin-right:20px ;
margin-top: 5px;
}
.zhizhuxia>div a{
color: black;
}
.zhizhuxia>div a:hover{
color: red;
}
.zhizhuxia>div a>strong{
background-color: black;
color: white;
}
.zhizhuxia{
margin-bottom: 60px;
}
.aochuang{
float: left;
}
.p{
width: 322px;
float: left;
margin-right:26px ;
text-shadow: 3px 3px 5px green;
}
aside{
overflow: hidden;
}
.p:hover{
color: yellow;
}
.aochuang2{
float: left;
}
.pp:hover{
color: blue;
}
.pp{
width: 322px;
float: left;
text-shadow: 3px 3px 5px red;
}
i{
display: inline-block;
width: 36px;
height: 58px;
background-image: url("../images/icon.png");
background-position:-107px -37px ;
position: absolute;
right:180px ;
top: 300px;
}
/*页脚*/
footer{
width: 100%;
height:202px;
background-color: black;
margin: 0 auto;
}
footer p{
color: white;
text-align: center;
margin-bottom: 18px;
}
footer>div{
padding-top: 70px;
}
用HTML编写漫威页面(四) https://www.cppentry.com/bencandy.php?fid=107&id=249264

首页 上一页 1 2 3 4 下一页 尾页 4/4/4
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇关于HTML、CSS、JavaScript三者关.. 下一篇CSS网页布局:盒子模型