◇치환자
*치환자 옆에 띄어쓰기 없이!
- • 기울임 : *기울임*
- • 굵게 : **굵게**
- • 내용 : ***기울임+굵게***
- • 박스 : ``내용``
- • 블러 : ||내용||
- • 내용 : ( 블러시작)내용( 블러끝)
◇ 텍스트 서식: 제목
*내용에 쓰고 싶은 말 적기
• 제목1[내용] : 제목1
• 제목2[내용] : 제목2
• 제목3[내용] : 제목3
• 제목4[내용] : 제목4
• 제목5[내용] : 제목5
• 제목6[제목]-부제- : 제목6
• 제목7[내용] : 제목7
◇ 텍스트 서식: 소제
- • 소제1[내용] : 소제1
- • 소제2[내용] : 소제2
- • 소제3[내용] : 소제3
- • 소제4[내용] : 소제4
- • 소제5[내용] : 소제5
◇ 텍스트 서식: 기타
- • 기타1[내용] : 기타1
- • 기타2[내용] : 기타2
- • 기타3[내용] : 기타3
- • 기타4[내용] : 기타4
- • 기타5[내용] : 기타5
- • 기타6[내용] : 기타6
◇ 각종 기능
-
• 클릭 시 복사 :
<p class="btn" data-clipboard-text="내용"></p><script>new ClipboardJS('.btn');</script> -
• 툴팁 :
<span class="hint--bottom hint--툴팁이름(기본:success) hint--bounce hint--rounded" aria-label="툴팁 텍스트"></span> -
• 이미지 팝업 :
<a href="" data-lightbox=""><img src=""></a>
◇ 각종 HTML 요소
-
• 초록 배경 :
<span style="font-size:15pt; background-color:#235347; color:#ffffff; font-weight:900;"> 텍스트 </span> -
• 텍스트 :
<span style="font-size:10pt; color:#1C2D1C; font-weight:900; background-color:#F2EDBB;"> 텍스트 </span> -
• 공백 :
-
• 그라데이션 css :
background: linear-gradient(90deg, #, #); -
• 중앙 정렬 css :
text-align: center;