[CSS] CLASS명으로 이미지 설명하기

작성일 | In 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.star {
		background-image: url("../img/star.png");
		border: none;
		width: 20px;
		height: 20px;
	}
	.star_onclick {
		background-image: url("../img/star_onclick.png");
		width: 20px;
		height: 20px;
	}
	.star_none {
		background-image: url("../img/star_onclick.png");
		width: 20px;``
		height: 20px;
	}

태그가 div로 되어있어야 한다.

img로 되어있으면 이상한 테두리가 생긴다.

1
2
3
4
5
<div id="fund1Rating1" class="star"></div>
<div id="fund1Rating2" class="star"></div>
<div id="fund1Rating3" class="star"></div>
<div id="fund1Rating4" class="star"></div>
<div id="fund1Rating5" class="star"></div>