模板:轮播图/style.css - 版本历史

2022年9月17日 (六) 13:45 僵尸君呀

2022-09-17T13:45:26Z

←上一版本		2022年9月17日 (六) 21:45的版本
第53行：		第53行：

	.item:nth-child(5) {		.item:nth-child(5) {
	background-color: rgb(~~255~~,~~255~~,~~255~~);		background-color: rgb(88, 88, 88);
	}		}
	.item:nth-child(6) {		.item:nth-child(6) {
	background-color: rgb(~~210~~,~~105~~,30);		background-color: rgb(255,255,255);
	}		}

2022年9月17日 (六) 13:42 僵尸君呀

2022-09-17T13:42:35Z

←上一版本		2022年9月17日 (六) 21:42的版本
第49行：		第49行：

	.item:nth-child(4) {		.item:nth-child(4) {
	background-color: ~~rgba(123,104,238,0.5)~~;		background-color: black;
	}		}

	.item:nth-child(5) {		.item:nth-child(5) {
	background-color: rgb(88, 88, 88);		background-color: rgb(255,255,255);
	}		}
	.item:nth-child(6) {		.item:nth-child(6) {

2022年9月12日 (一) 01:42 僵尸君呀

2022-09-12T01:42:27Z

←上一版本		2022年9月12日 (一) 09:42的版本
第45行：		第45行：

	.item:nth-child(3) {		.item:nth-child(3) {
	background-color: ~~rgb(0, 83, 4)~~;		background-color:#5756D4;
	}		}

2022年8月3日 (三) 11:34 僵尸君呀

2022-08-03T11:34:38Z

←上一版本		2022年8月3日 (三) 19:34的版本
第124行：		第124行：

	body.skin-cosmos .wrap {		body.skin-cosmos .wrap {
	width: ~~900px~~;		width: 850px;
	height: 400px;		height: 400px;
	position: relative;		position: relative;

2022年7月26日 (二) 04:03 僵尸君呀

2022-07-26T04:03:33Z

←上一版本		2022年7月26日 (二) 12:03的版本
第49行：		第49行：

	.item:nth-child(4) {		.item:nth-child(4) {
	background-color: ~~rgb~~(25, 0, 66);		background-color: rgba(123,104,238,0.5);
	}		}

2022年7月10日 (日) 05:34 僵尸君呀

2022-07-10T05:34:06Z

←上一版本		2022年7月10日 (日) 13:34的版本
第55行：		第55行：
	background-color: rgb(88, 88, 88);		background-color: rgb(88, 88, 88);
	}		}
	.item:nth-child(5) {		.item:nth-child(6) {
	background-color: rgb(210,105,30);		background-color: rgb(210,105,30);
	}		}

2022年7月10日 (日) 05:33 僵尸君呀

2022-07-10T05:33:44Z

←上一版本		2022年7月10日 (日) 13:33的版本
第54行：		第54行：
	.item:nth-child(5) {		.item:nth-child(5) {
	background-color: rgb(88, 88, 88);		background-color: rgb(88, 88, 88);
			}
			.item:nth-child(5) {
			background-color: rgb(210,105,30);
	}		}

2022年4月17日 (日) 04:35 僵尸君呀

2022-04-17T04:35:20Z

@@ 第118行： / 第118行： @@
     border: 4px solid #000;
     outline: solid 4px #fff;
+}

僵尸君呀：创建页面，内容为“ .wrap { width: 800px; height: 400px; position: relative; padding-right:100px; } .list { width: 800px; height: 400px; position: relative; padding-left: 100px; border: 4px solid #fff; outline: solid 4px #000; } .item { width: 100%; height: 100%; list-style: none;…”

2022-04-17T04:26:44Z

创建页面，内容为“ .wrap { width: 800px; height: 400px; position: relative; padding-right:100px; } .list { width: 800px; height: 400px; position: relative; padding-left: 100px; border: 4px solid #fff; outline: solid 4px #000; } .item { width: 100%; height: 100%; list-style: none;…”

新页面

.wrap {
width: 800px;
height: 400px;
position: relative;
padding-right:100px;

}

.list {
width: 800px;
height: 400px;
position: relative;
padding-left: 100px;
border: 4px solid #fff;
outline: solid 4px #000;
}

.item {
width: 100%;
height: 100%;
list-style: none;
position: absolute;
left: 0;
opacity: 0;
transition: all .8s;
align-items: center;
text-align:center;

}
.item img{
width: 600px;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

.item:nth-child(1) {
background-color: skyblue;
}

.item:nth-child(2) {
background-color: rgb(85, 0, 0);
}

.item:nth-child(3) {
background-color: rgb(0, 83, 4);
}

.item:nth-child(4) {
background-color: rgb(25, 0, 66);
}

.item:nth-child(5) {
background-color: rgb(88, 88, 88);
}

.item.active {
z-index: 10;
opacity: 1;
}

.btn {
width: 60px;
height: 100px;
z-index: 100;
top: 150px;
position: absolute;
}

#leftBtn {
left: -64px;
}

#rightBtn {
right: -16px;
}

.pointList {
list-style: none;
padding-left: 0px;
position: absolute;
right: 20px;
bottom: 20px;
z-index: 200;
}

.point {
width: 10px;
height: 10px;
background-color: black;
margin-right: 8px;
border-style: solid;
border-width: 2px;
border-color: white;
outline: solid 2px #000;
cursor: pointer;
padding: 1px;
}

.point.active{
background-color: rgb(107, 107, 107);
}
button {
transition-duration: 0.4s;
padding: 16px 32px;
text-align: center;
background-color: white;
color: white;
border: 4px solid #fff;
outline: solid 4px #000;
background-color:#000;

}
button:hover {
background-color: #fff;
color: black;
border: 4px solid #000;
outline: solid 4px #fff;
}