<div style="BACKGROUND: #ccff66">
	<div style="BACKGROUND: url(/imgs/pic_01.gif) no-repeat left top; WIDTH: 45%">
	<div style="BACKGROUND: url(/imgs/pic_02.gif) repeat-x right top; MARGIN-LEFT: 20px; MARGIN-RIGHT: 20px">
	<div style="BACKGROUND: url(/imgs/pic_03.gif) no-repeat right top; MARGIN-RIGHT: -20px">
	<br style="BACKGROUND: #ffffcc"></br>
	  </div>
	</div>
	<div style="MARGIN-TOP: -45px; BACKGROUND: url(/imgs/pic_04.gif) repeat-y left top">
	<div style="MARGIN-TOP: 30px; BACKGROUND: #ffffff; MARGIN-LEFT: 20px">
	<div style="BACKGROUND: url(/imgs/pic_06.gif) repeat-y right top; MARGIN: -2em 0px 20px; PADDING-TOP: 25px">
	<div style="BACKGROUND: #ffffcc; MARGIN-LEFT: 20px; MARGIN-RIGHT: 20px">
	周海漢：用CSS而不是表格Table來做圓角的框 <br></br>
	CSS的<a href="http://www.htmldog.com/guides/cssbeginner/margins/">
	箱子模式</a>
	： <p>
	作者：<a href="http://abloz.com/">
	周海漢</a>
	<br></br>
	msn: 
 
[email protected] <br></br>
	QQ: 7268188 </p>
	<p>
	在網頁製作中，為了美觀，需將邊框製作成圓角。以往都是採用表格來定位。而表格巢狀有許多缺陷。能不能不用表格直接用CSS製作漂亮的圓角邊框？這是我自己用CSS製作的一個例子。檢視原檔案就可以看到，這個框架沒有一處用到Table。</p>
	<p>
	margin:加邊，設定後會導致元素的框移動，頁邊空白增加 <br></br>
	padding:填料，框內部的空白會增加 <br></br>
	border：元素的框 </p>
	<p>
	也可直接設定元素的這幾個屬性的四邊。<br></br>
	margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom , padding-left </p>
		<div style="PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 0px 2em 1em; PADDING-TOP: 0px; BACKGROUND-COLOR: #ccf">
		Margin box <div style="PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 0px; BACKGROUND-COLOR: #66f">
		Border box <div style="PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; PADDING-TOP: 0px; BACKGROUND-COLOR: #99f">
		Padding box <div style="BACKGROUND-COLOR: white">
	Element box </div>
	</div>
	</div>
</div>
<br></br> 
	</div>
	</div>
	</div>
	</div>
	<div style="BACKGROUND: url(/imgs/pic_07.gif) no-repeat left bottom;margin-top: -40px ">
	<div style="BACKGROUND: url(/imgs/pic_08.gif) repeat-x right bottom; MARGIN-LEFT: 15px">
	<div style="PADDING-LEFT: 25px; BACKGROUND: url(/imgs/pic_09.gif) no-repeat right bottom; MARGIN-LEFT: 20px">
		<br></br> </div>
	</div>
	</div>
	</div>
</div>