[CSS] div 테두리, 배경색 지정하기
페이지 정보
작성자 관리자 작성일15-06-29 10:20 조회2,202회 댓글0건본문
div 테두리, 배경색 지정하기.
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 위치를 좌, 중간, 우측 정렬.
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 위치를 좌, 중간, 우측 정렬.
댓글목록
등록된 댓글이 없습니다.
