Heim >Web-Frontend >HTML-Tutorial >简单的一个布局CSS+DIV_html/css_WEB-ITnose
简单的一个布局CSS+DIV_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:32:26869Durchsuche
<!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> Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Css+Div布局学习（四）?关于hack_html/css_WEB-ITnoseNächster Artikel：《精通CSS+DIV网页样式与布局配套视频教程》_html/css_WEB-ITnose