<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
body {
margin:0;
padding:0;
background:url(img/L1.gif) repeat-x #E3E5E7;
text-align:Center;
}
#bg_left {
position:absolute;
float:left;
background:url(img/L2.gif) repeat-x;
background-color:red;
width:50%;
height:119px;
top:0;
left:0;
}
#top {
position:relative;
width:780px;
height:119px;
margin:0 auto;
background:url(img/L3.gif) no-repeat;
background-color:green;
z-index:100;
}
#content {
margin:0 auto;
text-align:left;
}
</style>
</head>
<body> <!-- L1 배경이미지를 포함 -->
<div id="bg_left"></div> <!-- L2 배경이미지를 포함하는 박스 -->
<div id="top"></div> <!-- L3 배경이미지를 포함하는 박스 -->
<div id="content"></div> <!-- 컨텐츠 내용 박스 -->
</body>
</html>
'Javascript' 카테고리의 다른 글
| 뒤로가기, 앞으로가기, 새로고침버튼 (0) | 2017.02.01 |
|---|---|
| 배너스크롤효과 (0) | 2017.02.01 |
| 마우스 오른쪽 막기 (0) | 2017.02.01 |
| 배경이미지 랜덤으로 바꾸기 (0) | 2017.02.01 |
| 새로운창 위치 조정하기 (0) | 2017.01.24 |