Div分层
CSS文件
#ButtonArea
{
position: absolute;
width: 924px;
height: 475px;
left: 50px;
top: 150px;
z-index: 2;
}
#Button1
{
position: absolute;
width: 287px;
height: 162px;
left: 350px;
top: 100px;
background-image: url(../tm_image/button.png);
z-index: 3;
}
#ButtonContent1
{
position: absolute;
width: 287px;
left: 0px;
text-align: center;
z-index: 4;
margin-top:18px;
}
HTML文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link rel="stylesheet" type="text/css" href="tm_css/tm_css.css" />
<link rel="stylesheet" type="text/css" href="tm_css/button1.css" />
</head>
<body>
<div id="PageBg">
<div id="SubTitleArea">
<img src="tm_image/1.png" alt="" />
</div>
<div id="ButtonArea">
<div id="Button1">
<div id="ButtonContent1"><img src="tm_image/2.png" alt="" />
</div>
</div>
</div>
<div id="IndexButton">
<img src="tm_image/index.png" alt="" /></div>
<div id="BackButton">
<img src="tm_image/back.png" alt="" /></div>
</div>
</body>
</html>
在这里要说明的是，这是为了个人记录用的，因为这里面缺少图片。。。。。。。。。
