티스토리 뷰

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

<style>

.box {

width: 100px;

height: 100px;

position: absolute;

}


.box:nth-child(1) {

background-color: red;

}


.box:nth-child(2) {

background-color: green;

}


.box:nth-child(3) {

background-color: blue;

}

</style>

</head>

<body>

<div class="box"></div>

<div class="box"></div>

<div class="box"></div>

</body>

</html>



클래스 번호에  순서에 따라 호출됨

'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글

Image Marker  (0) 2013.08.01
z-index 비슷한 예제 2  (0) 2013.08.01
z-index 비슷한 예제  (0) 2013.08.01
Background 단축  (0) 2013.08.01
Gradiant  (0) 2013.08.01
Box Shadow  (0) 2013.08.01
TAG
,
댓글
댓글쓰기 폼