▶─공부자료─◀/•― 태그공부방 →

글자 태그 자료

배낭여행(김학철) 2008. 8. 13. 13:35

◈ 글자 태그 - 모양을 자유자재로

이 강좌에서는 글자를 자유 자재로 다루는 그런 태그를 다룰겁니다...여러 사이트 가보시면 글자 모양이 별 엽기적인 모양이 다 되는...그런 모양 보셨지요?? 물론 이미지로 구현해야 하는 것도 있겠지만...아래 소스들의 영향도 크답니다...바로 스타일 시트에서 떨어져 나온 span 태그 덕분인데여...그 태그를 잘 활용하시면 글자에 9pt 크기도 넣을 수 있구...여러 효과도 날 수 있게 한답니다~ 그럼 글자 크기를 맘껏 키워 보시거나~엽기적인 글자를 자~알 배워서...자~알 써먹으세요~ 

글자모양

사용되는태그

가네샵

<font color="red">가네샵</font>

가네샵

<font face="궁서">가네샵</font>

가네샵

<span style="COLOR:white;FILTER:shadow
(color=#0066cc);height:4px">가네샵</span>

아하카페~

 <span style="font-family:돋움;font-size:10pt;color:#ffffff;width:100%;
height:20;Filter:Glow(color=#0000ff,strength:2)">아하 카페~</span>

아하카페~

 <span style="font-family:돋움;font-size:10pt;font-weight:bold;
color:#ff7404;width:100%;height:23;Filter:Shadow
(color=#ff9e2e,direction=125)"> 아하카페~ </span> 

가네샵

 <span style="COLOR:black;FILTER:shadow
(color=#cccccc);height:4px">가네샵</span>

가네샵

 <span style="color:white; filter:glow(color:blue); height:28px">
<font size="5"><b>가네샵</b></font></span>

가네샵

 <span style="color:red; filter:glow(color:red); height:28px">
<font size="5">가네샵</font></span>

가네샵

 <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=red, strength=10)">가네샵</div>

가네샵

 <SPAN style="FILTER: glow(color=0033ff); COLOR: white; HEIGHT: 8px">가네샵</span>

 

 

가네샵

<span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=black,strength:2)">가네샵</span></style>

가네샵

<span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff6633,strength:2)">가네샵</span></style>

가네샵

<span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=yellow,strength:2)">가네샵</span></style>

가네샵

<span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=green,strength:2)">가네샵</span></style>

가네샵

<span style=font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=orange,strength:2)">가네샵</span></style>

가네샵

<span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)">가네샵</span></style>

가네샵

<span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=9966ff,strength:2)">가네샵</span></style>

가네샵

<span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)">가네샵</span></style>

가네샵

<span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)">가네샵</span></style>

가네샵

 <span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=3399ff,strength:2)">가네샵</span></style>

가네샵

<span style="font-size:9pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)">가네샵</span></style>

 

 

가네샵

 <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=blue, strength=8)"><font color=deeppink>가네샵</font></DIV></style>

가네샵

<DIV style="width:100; height:12; font-size:9pt; filter:glow(color=ccff99, strength=8)"><font color=deeppink>가네샵</font></DIV></style>

가네샵

 <DIV style="width:100; height:12; font-size:9pt; filter:glow(color=pink, strength=8)"><font color=deeppink>가네샵</font></DIV></style>
가네샵

 <DIV style="width:100; height:12; font-size:9pt;filter:glow(color=red, strength=8)"><font color=blue>가네샵</font></DIV></style>

가네샵

<DIV style="width:100; height:12; font-size:9pt;filter:glow(color=6633ff, strength=8)"><font color=blue>가네샵</font></DIV></style>

가네샵

<DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=blue>가네샵</font></DIV></style>

가네샵

<DIV style="width:100; height:12; font-size:9pt;filter:glow(color=9933ff, strength=8)"><font color=3399ff>가네샵</font></DIV></style>

가네샵

<DIV style="width:100; height:12; font-size:9pt;filter:glow(color=ff6699, strength=8)"><font color=3399ff>가네샵</font></DIV></style>

 

 

빨간색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</span>

녹색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</span>

연두색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=66cc00,direction=135)"> 연두색 그림자 글씨</span>

보라색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</span>

분홍색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=ff6699,direction=135)"> 분홍색 그림자 글씨</span>

자주색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=magenta,direction=135)"> 자주색 그림자 글씨</span>

검은색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=black,direction=135)"> 검은색 그림자 글씨</span>

오렌지색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</span>

하늘색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=3399ff,direction=135)">하늘색 그림자 글씨</span>

회색 그림자 글씨

<span style="color:White; width:100%; height: 12; font-size: 9pt; Filter: shadow(color=cccccc,direction=135)">회색 그림자 글씨</span>

 

 

가네샵

<span style=filter:dropshadow(color=3399ff,offy=3);height:15px;>가네샵</span>

가네샵

<span style=filter:dropshadow(color=gray,positive=1);height:15px;>가네샵</span>

 

 

빨간 바탕

<span style=font:9pt;color:white;background-color=red>빨간 바탕</span>

주황색 바탕

<span style=font:9pt;color:white;background-color=ff6633>주황색 바탕</span>

진노란색 바탕

<span style=font:9pt;color:white;background-color=ffcc00>진노란색 바탕</span>

녹색 바탕

<span style=font:9pt;color:white;background-color=green>녹색 바탕</span>

하늘색 바탕

<span style=font:9pt;color:white;background-color=3399ff>하늘색 바탕</span>

보라색 바탕

<span style=font:9pt;color:white;background-color=9966ff>보라색 바탕</span>

 

 

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=red>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=blue>가네샵</span></font> 

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=green>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=3399ff>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=ff9933>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=ff6699>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=cccccc>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=9966ff>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=99ff99>가네샵</span></font>

가네샵

<span style=filter:alpha(style=2);height:10px;><font color=9999ff>가네샵</span></font>

 

 

글자가 뒤집히네~

<span style=filter:flipv();height:1px;><font color=green>글자가 뒤집히네~</span></font>

글자가 뒤집히네~

<span style=filter:fliph();height:1px;><font color=green>글자가 뒤집히네~</span></font>

'▶─공부자료─◀ > •― 태그공부방 →' 카테고리의 다른 글

태그 사전  (0) 2008.08.13
태그 초보를 위한 태그명령어 모음  (0) 2008.08.13
HTML 태그사전  (0) 2008.08.13
글씨체 쉽게 만들기 태그  (0) 2008.08.13
태그용어.  (0) 2008.08.13

'▶─공부자료─◀/•― 태그공부방 →'의 다른글

  • 현재글글자 태그 자료

관련글

티스토리툴바