用CSS代替Table来定位

abloz 2006-01-11
2006-01-11

 

周海汉:用CSS而不是表格Table来做圆角的框
CSS的箱子模式

作者:周海汉
msn: ablo_zhou@hotmail.com
QQ: 7268188

在网页制作中,为了美观,需将边框制作成圆角。以往都是采用表格来定位。而表格嵌套有许多缺陷。能不能不用表格直接用CSS制作漂亮的圆角边框?这是我自己用CSS制作的一个例子。MSN的blog会过滤样式表,因此参考标题链接到CSDN查看我做的一个样板。

margin:加边,设置后会导致元素的框移动,页边空白增加
padding:填料,框内部的空白会增加
border:元素的框

也可直接设置元素的这几个属性的四边。
margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom , padding-left

Margin box

Border box

Padding box

Element box

 


如非注明转载, 均为原创. 本站遵循知识共享CC协议,转载请注明来源