<style type="text/css">
.css_test {
margin-top : 20px;
}
.css_test img {
margin-top : 5px;
width : 160px;
}
.css_test .border_radius {
border-radius : 30px;
}
.css_test .box_shadow {
box-shadow : 0 0 5px black;
}
.css_test .border {
border : 3px solid #444;
}
.css_test .padding {
padding : 3px;
}
</style>
아래 버튼을 눌러서 클래스를 적용해 보세요. ^^<br>
<button type="button"
onclick="$('.css_test img')
.addClass('border_radius')">border-radius</button>
<button type="button"
onclick="$('.css_test img')
.addClass('box_shadow')">box-shadow</button>
<button type="button"
onclick="$('.css_test img')
.addClass('border')">border</button>
<button type="button"
onclick="$('.css_test img')
.addClass('padding')">padding</button>
<div class="css_test">
<img src="https://t1.daumcdn.net/cfile/tistory/2129E34854D7351404" />
<img src="https://t1.daumcdn.net/cfile/tistory/2574603354D74FB429" />
<img src="https://t1.daumcdn.net/cfile/tistory/275A3644552F50A828" /><br>
<img src="https://t1.daumcdn.net/cfile/tistory/2701603954D74FB617" />
<img src="https://t1.daumcdn.net/cfile/tistory/2574603354D74FB429" />
<img src="https://t1.daumcdn.net/cfile/tistory/2338433D552F50A40F" />
</div>