컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post HTML 줄 띄어 쓰기: 웹문서에 행갈이, 줄바꿈, 개행문자 넣기: htm html New...자바Java] 문자 <―> 아스키코드/유니코드 번호 상호 변환: Char to ASCII-...자바Java] 아스키 코드표 출력, 문자표 만들기: ASCII Table Generator배치파일] 현재 폴더, 현재 디렉토리 의미하는 특수 문자] DOS Batch File, C...문제해결: 윈도우 메모장에서 일본어/중국어 글자가 깨집니다: Notepad Encoding...GVim, Vim, VI에디터] 중국어 간체 파일 읽기: GB2312 간체자 인코딩 텍스트 보기리눅스: 플로피 디스켓 포맷 하는 명령 - Linux Floppy Format Command유니코드(Unicode) 지원하는 파일 편집기, 한글 텍스트 에디터는? - Unicode ...윈도우XP 메모장, 한글 ANSI 인코딩이란? '다른 이름으로 저장'할 때: Notepad...울트라에디트 대소문자 자동 교정 해제, 끄기: UltraEdit Auto Correct K...

HTML-CSS] 글자 색깔 지정하기, 글자색 변경 - Color 컬러 지정

Thursday, October 12, 2006
스폰서 링크

웹문서(.html)에서 글자색 즉 "전경색(Foreground Color)"을 변경할 때에는, span 등의 임의의 태그 속에서, CSS를 사용합니다.

글자색 직접 지정 예제


<span style="color:red">빨간색 글자입니다.</span>

<br />

<span style="color:blue">파란색 글자입니다.</span>

<br />

<span style="color:#92B3B7">좀 미묘한 색깔입니다.</span>


실행 결과


빨간색 글자입니다.
파란색 글자입니다.
좀 미묘한 색깔입니다.




본문 전체 글자색 지정


위의 경우는 특정 구절에 색깔을 지정하는 법이고, 이것은 웹페이지 전체의 색깔을 한꺼번에 지정/변경하는 방법입니다.
<html>
<head>
<style type="text/css">

body { color:#009933; }

</style>
</head>


<body style="background-color:#E5EBF7">

춥고 음울한 날씨가 왠지 계속되었고 나는 그 이유를 아는 데 조금이라도 도움이 될까 싶어, 구석진 창문을 열어 보았었다. 건너편 아파트 건물이 겨울에 찌들어 우울을 풍기고 있었다. 그리고 평소와 다른 무엇이 눈에 띄어 왔었다. 앞에서 설명한 바로 그것이다. 온통 잿빛인 아파트에서 저것은 유난히 두드러져 보였다. 전혀 비일상적인 어떤 존재가 불가해한 목적을 가지고 창가에 걸터앉아 음모를 계획하고 있는 것처럼 보이기도 했다.

</body>
</html>


body { color:#009933; } 이것은 본문 태그인 body 속의 글자색을 한꺼번에 바꾸는 것입니다.

<body> 태그 안에서 직접 바꿀 수도 있습니다. 위의 예제에서는 background-color 로 배경색을 바꾸었습니다.

밝은 청회색 바탕에, 녹색 글씨가 나옵니다.




#E5EBF7
이런 것은, 색깔의 16진수 RGB코드입니다.
▶▶ [HTML/CSS] 스크롤바(Scrollbar) 색상 변경하기 (IE 전용)
이 게시물에 보면 포토샵으로 RGB코드를 구하는 방법이 있습니다.




▶▶ HTML-CSS] CSS 글꼴; 스타일 시트로 폰트(FONT) 지정하는 법

▶▶ HTML-CSS] 형광펜 효과, 글자 배경색을 초록색/노란색/분홍색 형광펜처럼 - Highlighters

더 읽기:
HTML | CSS | 자바스크립트 JavaScript

0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top