首頁 > web前端 > html教學 > 上下左右布局(DIV+CSS)_html/css_WEB-ITnose

上下左右布局(DIV+CSS)_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:27:33
原創
1492 人瀏覽過

<!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=gb2312" /><title> </title><style type="text/css">#head{height:40px;background-color:#0033CC;margin:0;}#content{background:#CCCCCC;height:200px;margin:0;}#left{width:20%;height:200px;background:#CCCC66;float:left;margin:0;}#c{width:60%;height:200px;background:red;margin:0;float:left;}#right{width:20%;height:200px;background:#339966;float:right;margin:0;}#foot{background:#0099CC;height:40px;margin:0;}</style></head><body><div id="head">head</div><div id="content">  <div id="left">left</div>  <div id="c">content</div>  <div id="right">rigth</div></div><div id="foot">foot</div></body></html>
登入後複製

  

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板