乐鱼体育·핵심 컴포넌트 | H1 - 36px |
乐鱼体育·스타일 쇼케이스 | H2 - 30px |
서브 제목 | H3 - 24px |
4단계 제목 | H4 - 18px |
5단계 제목 | 본문 - 14px |
6단계 제목 | 캡션 - 12px |
정보 progress-bar-info class.
성공 progress-bar-success class.
경고 progress-bar-warning class.
위험 progress-bar-danger class.
반전 progress-bar-inverse class.
반전 progress-bar-inverse class.
수정 클래스를 추가하여 뱃지 모양을 변경하세요.
| 스타일 | 뱃지 |
|---|---|
| 기본 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
.table 클래스를 추가하면 약간의 패딩과 수평 구분선이 포함된 기본 테이블 스타일을 얻을 수 있습니다.
| # | 이름 | 성 | 사용자명 |
|---|---|---|---|
| 1 | 태그 | 사용자 A | leyu_user_01 |
| 2 | 김 | 민준 | kimminjun_001 |
| 3 | 이 | 서연 | leyu_user_02 |
.table 기본 클래스에 다음 수정 클래스 중 하나를 추가하세요.
<tbody>의 테이블 행에 :nth-child CSS 선택자를 사용하여 줄무늬 효과를 추가하세요 (IE7-8 미지원).
| # | 이름 | 성 | 사용자명 |
|---|---|---|---|
| 1 | 태그 | 사용자 A | leyu_user_01 |
| 2 | 김 | 민준 | kimminjun_001 |
| 3 | 이 | 서연 | leyu_user_02 |
테이블에 테두리와 둥근 모서리를 추가하세요.
| # | 이름 | 성 | 사용자명 |
|---|---|---|---|
| 1 | 태그 | 사용자 A | leyu_user_01 |
| 태그 | 사용자 A | leyu_sports_official | |
| 2 | 김 | 민준 | kimminjun_001 |
| 3 | 정수빈 | leyu_user_02 | |
<tbody> 내 테이블 행에 호버 상태를 활성화하세요.
| # | 이름 | 성 | 사용자명 |
|---|---|---|---|
| 1 | 태그 | 사용자 A | leyu_user_01 |
| 2 | 김 | 민준 | kimminjun_001 |
| 3 | 정수빈 | leyu_user_02 | |
Copyright © 2026 乐鱼体育科技有限公司 保留所有权利。