가성미 2010. 10. 14. 13:35

오늘은 상단 레이어인 header의 속성을 설정해 봅시다.

 

세로 크기를 200px로 하고, 배경색을 넣습니다.

height:200px; background-color:#555555; 

 

글씨색을 하얗게 해줍시다.

height:200px; background-color:#555555; color:#FFFFFF

배경을 짙은 색으로 주었기 때문이지요.

 

header의 완성된 속성을 style.css에 아래와 같이 입력합니다.

지난번 시간에 배운거 기억하고 계시죠^^

 

#레이어이름{속성:수치;속성:수치; ~~~}

---------------------------------------------------------

#header {height:200px; background-color:#555555; color:#FFFFFF}

--------------------------------------------------------

 

디스플레이 하면

 

 

오~ 이제 뭔가 좀 자리를 잡는 거 같지요~ 처음으로 하고 뿌듯한^^

 

근데 계속 강좌를 하다보니~

이건 div 강좌라기 보다는 css 강좌에 가깝네요^^ ㅋㅋㅋ

 

div로 큰틀을 잡고

css로 세부 속성을 잡아준다고 생각하시면 편할 듯 하네요~

 

좌측과 우측도 뭔가 바로 될 거 같은 느낌이 들지요^^

반응형