You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
1.8 KiB
107 lines
1.8 KiB
body {
|
|
background-image: url(pic/b6.jpg);
|
|
background-repeat:no-repeat ;
|
|
background-position:center;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
margin: 0px auto;
|
|
height: 700px;
|
|
width: 800px;
|
|
border: 1px solid #00663300;
|
|
}
|
|
|
|
#navigator{
|
|
height:25px;
|
|
width:800px;
|
|
font-size:14px;
|
|
list-style-type:none;
|
|
}
|
|
#navigator li{
|
|
float:left;
|
|
width:190px;
|
|
height:25px;
|
|
}
|
|
#navigator li a{
|
|
color:#000000;
|
|
text-decoration:none;
|
|
padding-top:4px;
|
|
display:block;
|
|
width:131px;
|
|
height:22px;
|
|
text-align:center;
|
|
background-color:greenyellow;
|
|
margin-left:2px;
|
|
}
|
|
#navigator li a:hover{
|
|
background-color:#006633;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
|
|
#content {
|
|
height:auto;
|
|
width:800px;
|
|
}
|
|
|
|
.but{
|
|
width:300px;
|
|
min-height:40px;
|
|
display:block;
|
|
background-color:orange;
|
|
border:1px;
|
|
color:#fff;
|
|
padding:9px 14px;
|
|
font-size:15px;
|
|
line-height:normal;
|
|
border-radius:5px;
|
|
margin:20px;
|
|
}
|
|
|
|
.button:hover{
|
|
background-color:#006633;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
.movie {
|
|
height: 200px;
|
|
background-image: url("pic/b1.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.text {
|
|
height: 200px;
|
|
background-image: url("pic/b2.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.music {
|
|
height: 200px;
|
|
background-image: url("pic/b3.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.nba {
|
|
height: 200px;
|
|
background-image: url("pic/b4.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.manh {
|
|
height: 200px;
|
|
background-image: url("pic/b5.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.qm {
|
|
height: 200px;
|
|
background-image: url("pic/b6.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
} |