Home > Article > Web Front-end > 简单的一个布局CSS+DIV_html/css_WEB-ITnose
简单的一个布局CSS+DIV_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:32:26821browse
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>5R-再生资源门户网</title> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <style type="text/css"> /* Reset */ body { color: #000; background: #fff; font-size: 12px; line-height: 166.6%; } body, input, select, button, textarea { font-family: verdana,simsun,sans-serif; } h1, h2, h3, h4, h5, h6, select, input, textarea, button, table{font-size: 100%;} body, h1, h2, h3, h4, h5, h6, ul, ol, li, form, p, dl, dt, dd, table, th, td, img, blockquote, legend, fieldset{margin: 0;padding: 0;border: 0;} input, button, textarea, select, img{margin: 0;line-height: normal;} .page{width:950px;height:600px;margin:0 auto;} .header{width:950px;height:60px;border-bottom:1px solid #D2D2D2;} .content{width:950px;height:470px;} .left_cont{width:450px;float:left;} .right_cont{width:400px;float:right;} .footer{width:950px;height:60px;border-top:2px solid #9BBAC9;text-align:center;} </style></head><body> <div class="page"> <div class="header"> <a href='http://www.5rchina.com' title='再资源门户网'><img src='http://img.5rchina.com/5rchina/logo.gif' height="43px" style="max-width:90%" / alt="简单的一个布局CSS+DIV_html/css_WEB-ITnose" ></a> </div> <div class="content"> <div class='left_cont'>1</div> <div class='right_cont'>2</div> </div> <div class="footer"> Power by ©<a href="http://www.5rchina.com/" target="_blank">5rchina.com </a>2011 </div> </div></body></html> Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Css+Div布局学习（四）?关于hack_html/css_WEB-ITnoseNext article：《精通CSS+DIV网页样式与布局配套视频教程》_html/css_WEB-ITnose