Html 网页布局（一） - mokal同学-html教程-PHP中文网

Html 网页布局（一） - mokal同学

php中文网

发布： 2016-05-21 08:42:20

原创

1287人浏览过

<ol><li><br><!DOCTYPE html><li><html><li><head><li><meta charset="UTF-8"><li><meta name="decsription" content="一列布局变混合布局" /><li><title>一列布局混合布局</title><li><style type="text/css"><li>body {<li>	margin: 0;<li>	padding: 0; /*清楚默认样式*/<li>}<li><br><li>.top {<li>	height: 100px;<li>	background: blue;<li>}<li>.nav{height:100px;width:1000px;background:#f60;margin:0 auto;}<li>.main {<li>	width: 800px;<li>	height: 600px;<li>	background: #ccc;<li>	margin: 0 auto;<li>}<li>.left{width:200px;height:600px;background:yellow;float:left;}<li>.right{width:600px;height:600px;background:#369;float:right;}<li>.sub_l{width:400px;height:600px;background:#218;float:left;}<li>.sub_r{width:200px;height:600px;background:green;float:right;}<li>.sub_r_up{width:200px;height:200px;background:#765;}<li>.sub_r_down{width:200px;height:300px;background:red;}<li>.bottom {<li>	width: 800px;<li>	height: 100px;<li>	background: #b0b;<li>	margin: 0 auto;<li>}<li></style><li></head><li><body><li>	<div class="top"><li>		<div class="nav"></div><li>	</div><li>	<div class="main"><li>		<div class="left"></div><li>		<div class="right"><li>			<div class="sub_l"></div><li>			<div class="sub_r"><li>				<div class="sub_r_up"></div><li>				<div class="sub_r_down"></div><li>			</div><li>		</div><li>	</div><li>	<div class="bottom"></div><li></body><li></html></li></ol>

登录后复制

MediPro网上书店系统

基于PHP+MYSQL开发，除了网上书店必备的商品管理、配送支付管理、订单管理、会员分组、会员管理、查询统计和多项商品促销功能，还具有完整的文章、图文、下载、单页、广告发布等网站内容管理功能。系统具有静态HTML生成、UTF-8多语言支持、可视化模版引擎等技术特点，支持多频道调用不同模版和任意设置频道首页，适合建立各种规模的网上书店。系统具有以下主要功能模块：网站参数设置 - 对网站的一些参数进