[펌글] div 테두리, 배경색 지정하기

By | 4월 9, 2009

- 출처 : http://homepagego.tistory.com/31 -

div 테두리, 배경색 지정하기.

css 2009/03/28 14:50

div에 테두리와 배경식을 지정하면
더욱 멋진 웹 페이지를 만들 수 있다.

<head>
<style>
#main{margin: 0 auto; width:600px; height:150px; background-color:#888888; border-left:1px solid #333333; border-right:1px solid #333333; float:left;}
</style>
</head>

<div id="main">내용</div>

style.
background-color:#색상; - 배경색 지정.
border-left:값px solid #색상; - 왼쪽 테두리 값과 색상 지정.
border-right:값px solid #색상; - 오른쪽 테두리 값과 색상 지정.
border-top:값px solid #색상; - 위쪽 테두리 값과 색상 지정.
border-bottom:값px solid #색상; - 밑쪽 테두리 값과 색상 지정.

margin: 0 auto; - div 가운데 정렬.
width:값px; - 가로 크기 지정.
height:값px; - 세로 크기 지정.
float:left,center,right; - div 위치를 좌, 중간, 우측 정렬.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments