Maison >interface Web >tutoriel HTML >简单的一个布局CSS+DIV_html/css_WEB-ITnose
简单的一个布局CSS+DIV_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:32:26870parcourir
<!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> Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Css+Div布局学习（四）?关于hack_html/css_WEB-ITnoseArticle suivant：《精通CSS+DIV网页样式与布局配套视频教程》_html/css_WEB-ITnose