div id="top_bg"> <div id="container"> <div id="header"> <div id="header_logo">光影世界环保社区<span>[保护环境,从我做起]</span></div> <div id="header_bottom"> <div id="menu"> <ul> <li><a href="#">团队简历</a></li> <li><a href="#">环境监测</a></li> <li><a href="#">环境报告</a></li> <li><a href="#">环境常识</a></li> <li><a href="#">交流合作</a></li> </ul> </div> </div> </div> <div id="content"> <div id="content_left"> <div id="section"> <div id="section_1_top">用户登录</div> <div id="section_1_mid"> <div id="myform"> <from action="" method="post"> <div class="frm_cont username">用户名: <label for="username"></label> <input type="text" name="username" id="username" /> </div> <div class="frm_cont password">密 码: <label for="password"></label> <input type="password" name="password" id="password" /> </div> </br> <div text-align:center> <input type="submit" name="button1" id="button1" value="登录" /> <input type="button" name="button2" id="button2" value="注册" /> </div> </from> </div> </div> <div id="section_1_bottom"></div> </div> <div id="section2"> <div id="section_2_top">新闻频道</div> <div id="section_2_mid"> <ul> <li><a href="#" target="_blank">美洲鳄的保护环境日益改善</a></li> <li><a href="#" target="_parent">光影世界颁发环境天使大使</a></li> <li><a href="#" target="_blank">四届环保组织到中国四川考察</a></li> <li><a href="#" target="_blank">低碳生活离我们的生活远吗?</a></li> </ul> </div> <div id="section_2_bottom"> </div> </div> </div> <div id="content_right"> <div> <h1>挑战与职责</h1> <p>那么的市场上了马车哦啊女款可惜那时快</p> <p>那么的市场上了马车哦啊女款可惜那时快......(此处省略文字)</p> <p>那么的市场上了马车哦啊女款可惜那时快......(此处省略文字)</p> </div> <div> <h1>动物世界</h1> <a href="#"><img src="img/thumb_1.jpg" width="108" height="108" /></a> <a href="#"><img src="img/thumb_2.jpg" width="108" height="108" /></a> <a href="#"><img src="img/thumb_3.jpg" width="108" height="108" /></a> <a href="#"><img src="img/thumb_4.jpg" width="108" height="108" /></a> </div> </div></div></div></div> </div> <div id="footer">Copyright©2017 光影世界环保社区 ALL Right Reserved</div> </div> |