글
html style background-color
HTML
2011. 12. 25. 15:39
안녕하세요?
오늘은 문서의 배경색과 글자의 배경색을 지정하는 스타일이 되겠습니다.
<html>
<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>
</html>
<body style> 은 body즉 문서전체의 스타일을 얘기합니다. 그래서 background-color:yellow 이렇게 해주면 배경색을 노란색으로 하는 문서가 되겠습니다. 그다음에는 <h2 style>이 나오는데 h2는 아시다시피 헤딩이지요. 글자형식을 h2로 쓰고(hx에서 x가 클수록 글자가 작습니다.) 스타일에서 background-color:red 즉 빨간색으로 글자의 배경색을 설정합니다. 그다음에는 <p style>이지요. p는 문단을 얘기하지요. 그래서 문단의 background-color:green 배경색을 초록색으로 한다는얘기가 되겠습니다. 이해되시지요?
이렇게 style로 하지 않고 그냥 <body bgcolor=yellow>이렇게 해도 되지만 h2나 p태그에 배경색을 주는 HTML이 없기때문에 style을 거기에 사용하면 된다는 거지요.
실행은 직접 해보시기 바라며 다음시간에 또 만나요~
'HTML' 카테고리의 다른 글
| Table frame속성 (0) | 2012.01.03 |
|---|---|
| 이미지맵 (0) | 2011.12.29 |
| HTML style-1 (0) | 2011.12.22 |
| 인용문 <blockquote> <q> (0) | 2011.12.18 |
| 글자 꺼꾸로 나타나게 하는 HTML 소스 (0) | 2011.12.13 |
