HTML:알림버튼 만들기
틀:HTML HTML에 대한 문서들 모음집
개요[편집 | 원본 편집]
알림메시지를 보여주는 버튼 만들기.
단계 | 설명 | 코드 | |
---|---|---|---|
CSS짜기 | .bell{
}
.bell:before{
...
content:'1';
...
}
.notice{
position:absolute;
/*상단에 띄워주기*/
}
|
||
HTML짜기 | <div class='bell'> <!--종모양 벨을 담을 공간-->
<span class='icon-bell'></span> <!--아이콘은 css에서 처리-->
<div class='notice'>
<div class='icon-top'></div>
<h3>알림</h3>
</div>
</div>
|
||