웹마스터 팁
>> 밑줄과 글씨의 색을 다르게 [예제포함]
2002.06.29 16:49
먼저 아래 소스를 보시기 바래요 ^-^
--------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>테스트 문서여요 - _-)b</title>
<STYLE TYPE='text/css'>
<!--
BODY {line-height:160%;font-family:Verdana;font-size:9pt;background-color:cccccc;}
.dc143c {color:dc143c;}
.505050 {color:505050;}
-->
</STYLE>
</head>
<font class=505050><u><span class=dc143c><b>+ 6월 24일 월요일 날씨:조금비옴 상태:미치겠음</b>
<span style=font-family:Tahoma;font-size:9px;font-color:dc143c;>2002.06.21</span></font></span></u><br>
<font class=505050>오늘.. 짝을 바꾸었는데.. -_-.. 내가 제일루 싫어하는 사람과..;;<br>
킁; 곈 유난히도 머리가 "큰" 아이인데.. 메신저등록정보에 "쌔끈한男" 이라 되어 있고..<br>
자신의 홈 대문에는 "잘생긴 XX의 홈에 오신 걸 환영합니다" 라고 되어 있다 =_=;; 므헐;; 컥;;<br>
계가 날 좋아한다는데 미치겠다 =_=.. 흠; 지금 내 눈앞에 그 애의 "머리" 가 "달랑" 거린다 @ㅠ@;;<br>
정말...-_- 나 미친 거 같다 프헐.. 쿨럭;; 쿨럭;; 셧!!
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------
우선 css 소스로 두가지의 글씨 속성을 지정해 줍니다 ^-^ 클래스에 쓰일 이름은 기억하기 쉽게
그 컬러 코드로 하기로 하죠. 글씨 속성은 색만 지정해 주세요!! -_-;
.dc143c {color:dc143c;}
.505050 {color:505050;}
↑ 위에 보이시죠?? 저런 식으로요..
그리고 난 후에는 <font class=505050><u><span class=dc143c> 를 붙여 주세요
<u> 전에 글씨 클래스를 지정해 주시면.. <font class="...."> 로 해 준 것의 색이 밑줄의 색이 되고요
그 다음 <u>를 추가하시고서 <span class="...."> 를 써 주시면 이게 바로 글씨의 색이 되는 거죠.
.... 에는 아까 자신이 지정한 css 이름을 써 주시면 되고요 ^-^;;
설명이 난잡해서 잘 못 알아 들으시겠다면.. 걍 복사해서 갔다 여러가지로 수정해 보시다 보면
아시게 될 겁니다 -_-a;; 이상 허접하고 간단하지만 좋은 팁이었슴다 -_-)/
+ 아, 예제는요.. - http://arme.joa1004.com/test.htm 이랍니다 -_-)v
............................................................................................................... + written by Here!Army +
위쯔님네도 올리고 미니보드에도 올린 팁인데요 ^-^ 엔죠에도 올려요!
제 예제처럼 쓰시면 어느정도 효과가 좋아요 -_-)b 잘만 하면 간단하고 이쁜 팁!
--------------------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>테스트 문서여요 - _-)b</title>
<STYLE TYPE='text/css'>
<!--
BODY {line-height:160%;font-family:Verdana;font-size:9pt;background-color:cccccc;}
.dc143c {color:dc143c;}
.505050 {color:505050;}
-->
</STYLE>
</head>
<font class=505050><u><span class=dc143c><b>+ 6월 24일 월요일 날씨:조금비옴 상태:미치겠음</b>
<span style=font-family:Tahoma;font-size:9px;font-color:dc143c;>2002.06.21</span></font></span></u><br>
<font class=505050>오늘.. 짝을 바꾸었는데.. -_-.. 내가 제일루 싫어하는 사람과..;;<br>
킁; 곈 유난히도 머리가 "큰" 아이인데.. 메신저등록정보에 "쌔끈한男" 이라 되어 있고..<br>
자신의 홈 대문에는 "잘생긴 XX의 홈에 오신 걸 환영합니다" 라고 되어 있다 =_=;; 므헐;; 컥;;<br>
계가 날 좋아한다는데 미치겠다 =_=.. 흠; 지금 내 눈앞에 그 애의 "머리" 가 "달랑" 거린다 @ㅠ@;;<br>
정말...-_- 나 미친 거 같다 프헐.. 쿨럭;; 쿨럭;; 셧!!
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------
우선 css 소스로 두가지의 글씨 속성을 지정해 줍니다 ^-^ 클래스에 쓰일 이름은 기억하기 쉽게
그 컬러 코드로 하기로 하죠. 글씨 속성은 색만 지정해 주세요!! -_-;
.dc143c {color:dc143c;}
.505050 {color:505050;}
↑ 위에 보이시죠?? 저런 식으로요..
그리고 난 후에는 <font class=505050><u><span class=dc143c> 를 붙여 주세요
<u> 전에 글씨 클래스를 지정해 주시면.. <font class="...."> 로 해 준 것의 색이 밑줄의 색이 되고요
그 다음 <u>를 추가하시고서 <span class="...."> 를 써 주시면 이게 바로 글씨의 색이 되는 거죠.
.... 에는 아까 자신이 지정한 css 이름을 써 주시면 되고요 ^-^;;
설명이 난잡해서 잘 못 알아 들으시겠다면.. 걍 복사해서 갔다 여러가지로 수정해 보시다 보면
아시게 될 겁니다 -_-a;; 이상 허접하고 간단하지만 좋은 팁이었슴다 -_-)/
+ 아, 예제는요.. - http://arme.joa1004.com/test.htm 이랍니다 -_-)v
............................................................................................................... + written by Here!Army +
위쯔님네도 올리고 미니보드에도 올린 팁인데요 ^-^ 엔죠에도 올려요!
제 예제처럼 쓰시면 어느정도 효과가 좋아요 -_-)b 잘만 하면 간단하고 이쁜 팁!
댓글 3
-
세벌사랑
2002.07.30 14:39
저는 안되던데. 브라우저 버전과 관련있나요? -
Ezon*이즌
2002.09.23 01:33
늦게 발견 - _-; 있습니다;
익스 5.5 이상에서만 보입니다 - _-ㆀ -
bojagi
2003.02.12 20:45
예제 안되네 -_- 쩝
