2-9ABOUT

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

ABOUT左边的方框里面的小黑方框受白色背景的影响是哪里的事，哪里错了<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.header{width:100%;height:60px;background:#07cbc9}
.header img{float:left;padding-left:100px;}
.left{float:left;color:#ffffff;list-style:none;width:50px;line-height:60px;}
.xiao{float:right;}
.xiao ul{padding-right:50px; cursor:pointer;}
.clear{clear:both;}
.song{width:100%;}
.song img{width:100%;height:500px;}
.toplaype{position:absolute;left:0;top:60px;width:100%;height:500px;background:#000;opacity:0.5;}
.zhuo input{width:300px;height:20px;margin-bottom:10px;background-color:transparent;}
.yang{position:absolute;left:50%;top:250px;margin-left:-150px;margin-top:-30px; }
.sad{text-align:center;}
.weibo{ width: 60px; height:20px; margin:0 auto; }
.weibo input{width:60px;height:20px;cursor:pointer;}
h3{text-align:center;margin-bottom:10px;margin-top:20px;} 
.xian{ width:30px;border-bottom:#07cbc9 2px solid;margin:0 auto;margin-bottom:10px;}
 .div{font-size:10px;text-align:center; }
 .pian{width:100%;margin-top:20px;}
 .pian img{width:500px;height:300px;position:absolute;left:50%;margin-left:-250px;}
 .aodi{width:100%;margin:0 auto;}  
 .wan {width: 250px;height: 150px;background:rgba(255,255,255,0.8);opacity:0.4;border:#000 2px solid;z-index:1;}
 .zaoshang{padding:5px 20px;}
    
 .xiezi{font-size:10px;text-align:left;
 }
 .black{width:60px;height:30px;background:#000;color:#fff;margin-top:10px;cursor:pointer;}
.jian{line-height:30px;text-align:center;}
.zouni{margin-left:300px;}
h2{text-indent:0.5em;}  
.pani{width:120px;height:50px;border:#07cbc9 2px solid;padding-top:20px;margin:10px;}
.dorder{ width:30px;border-bottom:#07cbc9 2px solid;margin:0 auto;}
.budui{text-align:center;font-size:13px;}
.qiwan{text-align:center;}
.wanshi{width:500px;height:300px;position:absolute;left:50%;margin-left:250px;margin-top:-210px}
.wanju{width:100%;height:auto;}
</style>
 
</head>
 
 
<body>
<div class="header">
  <img src="images/logo.png" >
 <div class="xiao">
 <ul >
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 <li class="left">home</li>
 </ul>
 </div> 
</div>
<div>
<div class="song">
 
<img src="images/banner3.jpg"> 
 
</div>
<div class="toplaype"></div>
<div class="yang">
<form >
<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name" /></div>
 
<div class="zhuo"><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name"/></div>
 
<div class="zhuo" ><input tyle="text" name="username" size="35" maxlength="6" placeholder="yang name"/></div>
<div class="zhuo weibo "><input type="submit" name="submit" value="登录" /></div>
</form>
</div>
</div>
<div class="wanju">
<div class="sad">
<h3>ABOUT</h3>
<div class="xian"></div>
<div class="div">input tyle="text" name="username" size="35" maxlength="6" placeholder="yangs
<br />input tyle="text" name="username" size="35" maxlength="6" placeholder="yang<br />
size="35" maxlength="6" placeholder="yan{width:250px;height:150px;background:(255,255,0.8);opacity:0.4;border:#000 2px solid;z-index:1;}
</div>
</div>
<div class="pian">
<img src="images/bb3.jpg" />
</div>
<div class="aodi">
<div class="zouni">
<h2>A WORD <br />
ABOUT US
</h2>
 
<div class="wan">
<div class="zaoshang">
<div class="xiezi">
<P> name="username" size="35" maxlength="6" 
me="username" size="35"height:30px;background:
</P>
<P> name="username" size="35" maxlength="6"n
ame="username" size="35" maxlength="6"height:30px;backgr </P>
</div>
<div class="black">
<div class="jian">
EXPLORE
</div>
</div>
</div>
</div>
</div>
</div>
<div class="wanshi">
<div class="pani">
<div class="wancheng">
<div class="qiwan"> <h4>70000</h4></div>
<div class="dorder"></div>
<div class="budui">students</div>
</div>
</div>
<div class="pani">
<div class="wancheng">
<div class="qiwan"> <h4>70000</h4></div>
<div class="dorder"></div>
<div class="budui">students</div>
</div>
</div>
</div>
</div>
<div>
<div><img src="images/b1.jpg" /> </div>
<div><div></div></div>
<div><img src="images/b2.jpg"><</div>
<div></div>
<div><img src="images/b3.jpg" /></div>
<div></div>
<div><img src="images/b4.jpg" /></div>
<div></div>
 
 
</div>
 
 
</body>
</html>