블로그 제목 타이틀 꾸미기(HTML)

블로그를 하다가 보면 부 제목 타이틀을 이쁘게 꾸미고 싶은 분들도 계실 텐데요. 그러면 기초적인 html를 알아야 합니다. 저도 블로그 때문에 html을 배우게 되었는데요.



기초적인 것들을 인터넷에서 보고 배웠지만 아래 처럼 꾸미는 소스는 어디에도 잘 안보이더라고요.

다른 분들이 꾸며 놓은 것을 보고 소스 찾아서 보는 것도 어렵고 말이지요 그래서 처음 하시는 분들을 위해서 아래 소스를 올려 놓았습니다. 


천천히 테스트를 해보면서 본인의 블로그에 맞게 바꿔서 사용해 보세요


블로그 제목 타이틀 꾸미기(HTML) 


아래는 html로 꾸민 건데요 아래 코드를 이용하여 변경하시면 됩니다. 저도 처음에 어떤 블로그에서 다운 받아서 사용한 것인데요. 저도 그분께 감사하다는 말씀을 드리고 싶네요



소스 파일:  서식 소스.txt


간단하게 해당 라인이 어떻게 적용되는지 표시해 두었습니다. 적용하실 때 참고 하시면 될 것 같습니다.

<h2 style="padding: 0px 10px 1px; 

margin: 10px 0px 5px; 

border-left-width: 5px;   =>라인두께

border-left-style: solid; 

border-left-color: rgb(216, 60, 60);  =>라인색

font-size: 14pt; color: rgb(51, 51, 51); 

font-family: '맑은 고딕', 'Noto Sans Korean'; 

border-bottom-color: rgb(211, 211, 211); = >밑줄 색

border-bottom-width: 1px; =>밑줄 두께

border-bottom-style: solid; 

letter-spacing: -0.07em; 

line-height: 35px; ==>라인 높이

background-color: rgb(250, 250, 250);">표제목 서식</h2>



이쁘고 좋은 서식이 있으면 같이 공유해주세요 ^^

댓글(10)

Designed by JB FACTORY