집단창작:the seed 실험실(비교)

=== 색이 바뀌는 틀 ===

마우스를 올리면 색이 약간 어두워진다. 이 방법은 눈에 띄게 색이 바뀌게는 불가능하다.

{{{#!html

<span class="btn-success" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">녹색</span>

</div>

</span><br><br>

<div style="background: #eceeef;padding: 12px">

<span class="btn-secondary" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background: #eceeef;color:#4a4a4a">

<span style="font-size:14pt">흰색</span>

</div>

</span>

</div><br><br>

<span class="btn-primary" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">푸른색</span>

</div>

</span><br><br>

<span class="btn-warning" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">금색</span>

</div>

</span><br><br>

<span class="btn-danger" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">붉은색</span>

</div>

</span><br><br>

<span class="btn-info" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">옥색</span>

</div>

</span><br><br>

}}}

{{{

{{{#!html

<span class="btn-success" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">녹색</span>

</div>

</span><br><br>

<span class="btn-secondary" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background: #fff;color:#4a4a4a">

<span style="font-size:14pt">흰색</span>

</div>

</span><br><br>

<span class="btn-primary" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">푸른색</span>

</div>

</span><br><br>

<span class="btn-warning" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">금색</span>

</div>

</span><br><br>

<span class="btn-danger" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">붉은색</span>

</div>

</span><br><br>

<span class="btn-info" style="width: 100%;padding-top: 5px;display:block">

<div style="border:1px solid gray;border-top:none;padding:10px;background:#fff;color:#4a4a4a">

<span style="font-size:14pt">옥색</span>

</div>

</span><br><br>

}}}

}}}