개요[ | ]
- CSS Carousel 버튼
html
Copy
<style>
.dot {
display: inline-block;
background: none;
border: none;
padding: 0;
}
.dot span {
display: block;
width: 10px;
height: 10px;
margin: 5px;
border-radius: 9px;
background: #ccc;
}
.dot.active span {
background: #888;
}
</style>
<div class="dots">
<button class="dot"><span></span></button>
<button class="dot"><span></span></button>
<button class="dot active"><span></span></button>
<button class="dot"><span></span></button>
</div>
편집자 Jmnote
로그인하시면 댓글을 쓸 수 있습니다.