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

{{{#!html

<div style="background: #ccc; border: 5px outset #ccc; display:table">

<div style="background: #ccc; border: 1px solid #ccc; ">

<div style="padding: 0px; background: #008; color: #fff;border:2px inset #ccc">

<span style="float: left; color:#fff; background: #ccc; padding: 0px 3px 0px 3px; text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;">―</span>

<div style="text-align: center; display: table;float:center;margin: 0 auto;">알림</div>

</div>

<div style="padding: 10px;">

<span style="font-family: Courier,Consolas,'Lucinda Console',monospace; font-weight: bolder; font-size: 18pt;color:#fff;border: 1px solid #000; border-radius: 5678px; padding: 5px;background:#008;text-align:center;padding-left: 10px;padding-right: 0; margin-right: 15px">

i

</span>

3-D 메시지 상자

<br><br>

<div style="text-align:center"><a><span class="btn" style="width: 100px; color: #000; border-width: 3px 3px 3px; border-style:solid; border-color:#fafafa #888 #888 #fafafa;padding: 3px;background:#ccc;border-radius: 3px;">확인</span></a></div></div></div></div></div>}}}

{{{#!html

<div style="background: #ccc; border: 5px outset #ccc; display:table">

<div style="background: #ccc; border: 1px solid #ccc; ">

<div style="padding: 0px; background: #008; color: #fff;border:2px inset #ccc">

<span style="float: left; color:#fff; background: #ccc; padding: 0px 3px 0px 3px; text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px,#000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;">―</span>

<div style="text-align: center; display: table;float:center;margin: 0 auto;">알림</div>

</div>

<div style="padding: 10px;">

<span style="font-family: Courier,Consolas,'Lucinda Console',monospace; font-weight: bolder; font-size: 18pt;color:#fff;border: 1px solid #000; border-radius: 5678px; padding: 5px;background:#008;text-align:center;padding-left: 10px;padding-right: 0; margin-right: 15px">

i

</span>

3-D 메시지 상자

<br><br>

<div style="text-align:center"><a><span class="btn" style="width: 100px; color: #000; border-width: 3px 3px 3px; border-style:solid; border-color:#fafafa #888 #888 #fafafa;padding: 3px;background:#ccc;border-radius: 3px;">확인</span></a></div></div></div></div></div>}}}