티스토리 뷰
.check-button {
display: inline-block;
width: 20px;
height: 20px;
background-color: #ddd;
border-radius: 50%;
cursor: pointer;
vertical-align: middle;
}
.check-button:checked {
background-color: #007bff;
}
.button {
background-color: #007bff;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
vertical-align: middle;
}
<label class="button">
<input type="checkbox" class="check-button">
버튼에 체크박스가 합쳐진 스타일
</label>
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- system.io
- 상품 등록
- html tag
- mssql
- 아이폰
- 문자 자르기
- 제품 등록
- await
- 공백제거
- async
- hyper-v
- 진수 변환
- 특정 문자를 기준으로 자르기
- System.Diagnostics
- Task
- 명령어
- nl2br
- .submit()
- 앱 스토어
- App Store
- In App Purchase
- trim
- MainActor
- FileUpload
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함