이쁜 머릿말 스타일 3종세트 공개

바로 어제 이쁜 점선 테두리 박스 적용하는 방법에 대해 올렸는데요 이어서 오늘은 이쁜 머릿말 만드는 방법에 대해 올릴려고합니다.

이것도 서식에 등록해놓고 필요할때마다 서식불러오기로 사용하면 매우 편리하겠지요.

서식 등록하는 방법과 불러오기 방법은 어제 올린 자료와 같으니 아래 링크 따라가서 복습하고 오세요.

→ 서식에 등록해두고 사용하는 이쁜 점선 테두리 박스 5가지 공개

오늘 공개하는 머릿말은 아래 세가지 스타일의 머릿말입니다.  티스토리 블로그가 아니더라도 이런 HTML 소스를 알아두시면 유용하게 사용하실수 있을것입니다.

■  테스트 입니다

 ■ 테스트 입니다.

 ■ 테스트 입니다.

서식등록하는 방법은 관리자 메뉴에 들어가셔서 서식관리 클릭한후 서식쓰기 클릭 한다음 html 체크박스에 체크하신후 아래 소스를 복사한후 붙여넣기 합니다. 그다음 html 체크박스에 체크 해제해보시면 위와 같은 3개의 박스가 보일겁니다.확인하신후 제목을 입력하고 발행하기를 누르시면 됩니다.  서식을 불러오는 방법은 글쓰기 를 누른후 오른쪽 하단에 보시면 서식 이라는 메뉴가 있습니다.클릭하셔서 등록한 서식 제목을 클릭하면 불러올수가 있습니다.

<p><br /></p>
 
<div style="margin: 0px; 
padding: 10px; 
color: rgb(102, 102, 102); 
border-width: 2px; 
border-style: initial; 
border-color: rgb(200, 5, 106); 
background-color: rgb(0, 0, 0);">
 
<span style="font-family: &quot;맑은 고딕&quot;, sans-serif; 
font-size: 12pt;color: rgb(255, 255, 255)">
 
<b>■&nbsp;&nbsp;테스트 입니다</b>
</span>
</div>
 
<p><br /></p>
<p><br /></p>
 
 
 
<div style="color: rgb(51, 51, 51);  
border-width: 1px; 
border-style: dashed; 
border-color: rgb(121, 165, 228); 
padding: 7px; 
background-color: rgb(219, 232, 251);
border-radius: 5px ;">
 
<span style="font-family: &quot;맑은 고딕&quot;, sans-serif; 
font-size: 12pt;
color: rgb(70, 116, 217);">
<b>
&nbsp;■&nbsp;테스트 입니다.</b>
</span>
</div>
 
<p><br /></p>
<p><br /></p>
 
 
<div style="  border-width: 1px; 
border-style: dashed; 
border-color:#F14978; 
padding: 7px; 
background-color: #FFD8EB ;
border-radius: 5px ;">
 
<span style="font-family: &quot;맑은 고딕&quot;, sans-serif; 
font-size: 12pt;
color:#F14978">
 
<b>
&nbsp;■&nbsp;테스트 입니다.</b>
</span>
</div>
 
<p><br /></p>
<p><br /></p>
 

제 글이 도움이 되셨다면  "공감 (♡)" 한번씩 클릭해주시고 응원의 댓글들도 남겨주세요.