https://smwiki.info/index.php?action=history&feed=atom&title=HTML%3A%EC%95%8C%EB%A6%BC%EB%B2%84%ED%8A%BC_%EB%A7%8C%EB%93%A4%EA%B8%B0
HTML:알림버튼 만들기 - 편집 역사
2026-05-12T03:22:55Z
이 문서의 편집 역사
MediaWiki 1.45.1
https://smwiki.info/index.php?title=HTML:%EC%95%8C%EB%A6%BC%EB%B2%84%ED%8A%BC_%EB%A7%8C%EB%93%A4%EA%B8%B0&diff=4512&oldid=prev
Sam: 새 문서: {{HTML}} == 개요 == 알림메시지를 보여주는 버튼 만들기. <br /> {| class="wikitable" |+ !단계 !설명 !코드 ! |- |CSS짜기 | |<syntaxhighlight lang="css"> .bell{...
2021-06-01T14:30:20Z
<p>새 문서: {{HTML}} == 개요 == 알림메시지를 보여주는 버튼 만들기. <br /> {| class="wikitable" |+ !단계 !설명 !코드 ! |- |CSS짜기 | |<syntaxhighlight lang="css"> .bell{...</p>
<p><b>새 문서</b></p><div>{{HTML}}<br />
<br />
== 개요 ==<br />
알림메시지를 보여주는 버튼 만들기.<br />
<br /><br />
{| class="wikitable"<br />
|+<br />
!단계<br />
!설명<br />
!코드<br />
!<br />
|-<br />
|CSS짜기<br />
|<br />
|<syntaxhighlight lang="css"><br />
.bell{<br />
}<br />
<br />
.bell:before{<br />
...<br />
content:'1';<br />
...<br />
}<br />
<br />
.notice{<br />
position:absolute;<br />
/*상단에 띄워주기*/<br />
}<br />
</syntaxhighlight><br />
|<br />
|-<br />
|HTML짜기<br />
|<br />
|<syntaxhighlight lang="html"><br />
<div class='bell'> <!--종모양 벨을 담을 공간--><br />
<span class='icon-bell'></span> <!--아이콘은 css에서 처리--><br />
<div class='notice'><br />
<div class='icon-top'></div><br />
<h3>알림</h3><br />
</div><br />
</div><br />
</syntaxhighlight><br />
|<br />
|-<br />
|<br />
|<br />
|<br />
|<br />
|}</div>
Sam