CSS Document
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
/* CSS Document */
@importurl("/demo/css3/base.css");
@importurl("/css?family=Yesteryear"); html,body{
height:100%;
}
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto !important;
height: 100%;
position: fixed;
top: 0;
left: 50%;
z-index:1;
}
/********************外围的包裹层************/
.slider {
position: absolute;
width: 100%;
text-align: center;
z-index: 9999;
bottom: 100px;
}
.slider li {
display: inline-block;
width: 170px;
height: 130px;
margin-right: 15px;
}
.slider a{
display: inline-block;
width: 170px;
padding-top: 70px;
padding-bottom: 20px;
position: relative;
cursor: pointer;
border: 2px solid #fff;
border-radius: 5px;
vertical-align: top;
color: #fff;
text-decoration: none;
font-size: 22px;
font-family: 'Yesteryear', cursive;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8),
-2px -2px 1px rgba(0, 0, 0, 0.3),
-3px -3px 1px rgba(0, 0, 0, 0.3);
}
/*任务一,设置不同列表的背景色*、*/
.slider ul li:nth-of-type(1) a{
background-color:#06C;
}
.slider ul li:nth-of-type(2) a{
background-color:#06C;
}
.slider ul li:nth-of-type(3) a{
background-color:#06C;
}
.slider ul li:nth-of-type(4) a{
background-color:#06C;
}
.slider ul li:nth-of-type(5) a{
background-color:#06C;
}
/*设置缩略图背景图像*/