웹마스터 팁
>> 밑줄과 글씨의 색을 다르게 [예제포함]
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
예제 안되네 -_- 쩝
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
| [Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
| >> 밑줄과 글씨의 색을 다르게 [예제포함] [3] | 아미v | 2002.06.29 |
| [사이트제작팁]팁의 보물창고~ [7] | webdio *^-^* | 2002.07.03 |
| 전광판? 나도 한 번 해볼까 ^^v [4] | Xynex:) | 2002.07.03 |
| Scrollbar Generator [스크롤바 색상을 쉽게 바꿀수 있게 코드생성] [6] | 문사라 | 2002.07.11 |
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함)
[5]
 | ▩윤미 | 2002.07.14 |
| xmp 태그를 아시나요 [9] | 세벌사랑 | 2002.07.30 |
| 이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |
| [Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
| [Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
| 이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
| 웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
| [Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
| [스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
| iframe을 이용하여 target효과 주기. [8] | ZipShin | 2002.08.01 |
| [Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
| [HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
| [Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
| [HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |