Javascript

좌우배경이미지다른페이지제작

포샵질 2017. 2. 1. 13:07

<!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>