CodingKai-Box-L2

-HTML-

-CSS-

* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/bg20-20.jpg);
	font-size: 20px;
}
div {
	width: 420px;
	margin: 30px 0 0 20px;
	padding: 20px;
	background: lightgrey;
	color: white;
}
p:nth-of-type(odd) {
	width: 100px;
	line-height: 50px;
	border-bottom: solid 1px white;
	text-align: center;
}
p:nth-of-type(even) {
	width: 410px;
	padding-left: 10px;
	line-height: 70px;
}
p:nth-of-type(even):not(:last-of-type) {
	margin-bottom: 10px;
}

/* 個別set */
p:nth-of-type(-n+18) {
background: gray;
}
p:nth-of-type(-n+16) {
background: black;
}
p:nth-of-type(-n+14) {
background: white;
}
p:nth-of-type(-n+12) {
background: orange;
}
p:nth-of-type(-n+10) {
background: purple;
}
p:nth-of-type(-n+8) {
background: yellow;
}
p:nth-of-type(-n+6) {
background: green;
}
p:nth-of-type(-n+4) {
background: blue;
}
p:nth-of-type(-n+2) {
background: red;
}
p:nth-of-type(7),p:nth-of-type(13) {
border-bottom-color: black;
}
p:nth-of-type(7),p:nth-of-type(8),p:nth-of-type(13),p:nth-of-type(14) {
color: black;
}

-box-L2_2-

-HTML-

-CSS-