(r67 RAW)
[[분류:엔트리위키]]
[include(틀:엔트리위키 연습장)]
[include(틀:연습장/엔트리위키:연습장)]
## 밑에서부터 연습장입니다.
{{{#!style
/* 기본적으로 모든 표 숨김 */
.ntab-a, .ntab-b, .ntab-c { display: none !important; }

/* 각 버튼이 포커스(클릭)되었을 때 매칭되는 표를 보여줌 */
.nbtn-a:focus ~ .ntab-container .ntab-a { display: block !important; }
.nbtn-b:focus ~ .ntab-container .ntab-b { display: block !important; }
.nbtn-c:focus ~ .ntab-container .ntab-c { display: block !important; }

/* 아무것도 클릭 안 했을 때(기본 상태) 흰색 표가 보이도록 설정 */
.nbtn-container:not(:focus-within) .ntab-a { display: block !important; }

/* 버튼 디자인 설정 */
a.nbtn { 
    display: inline-block; 
    padding: 8px 16px; 
    margin-right: 4px; 
    background: #f5f5f5; 
    border: 1px solid #ccc; 
    color: #000; 
    text-decoration: none; 
    font-size: 14px; 
    cursor: pointer;
    outline: none;
}
a.nbtn:focus { 
    font-weight: bold; 
    background: #bbb; 
}
}}}

{{{#!wiki class="nbtn-container"
[[#클릭|{{{#!wiki class="nbtn nbtn-a"
흰색 표 보기}}}]][[#클릭|{{{#!wiki class="nbtn nbtn-b"
연두색 표 보기}}}]][[#클릭|{{{#!wiki class="nbtn nbtn-c"
하늘색 표 보기}}}]]

{{{#!wiki class="ntab-container"
{{{#!wiki class="ntab-a"
||<tablebgcolor=#ffffff><tablewidth=500px> 흰색 표의 내용 1 || 내용 2 ||
|| 내용 3 || 내용 4 ||
}}}
{{{#!wiki class="ntab-b"
||<tablebgcolor=#e6ffe6><tablewidth=500px> 연두색 표의 내용 1 || 내용 2 ||
|| 내용 3 || 내용 4 ||
}}}
{{{#!wiki class="ntab-c"
||<tablebgcolor=#e6f2ff><tablewidth=500px> 하늘색 표의 내용 1 || 내용 2 ||
|| 내용 3 || 내용 4 ||
}}}
}}}
}}}
별도로 명시하지 않은 경우, 내용은 CC0에 따라 사용할 수 있습니다.