用CSS 而不是Table来制作圆角框


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

作者:周海汉
msn: [email protected]
QQ: 7268188

在网页制作中,为了美观,需将边框制作成圆角。以往都是采用表格来定位。而表格嵌套有许多缺陷。能不能不用表格直接用CSS制作漂亮的圆角边框?这是我自己用CSS制作的一个例子。查看原文件就可以看到,这个框架没有一处用到Table。

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

 

你可能感兴趣的:(框架,css,qq,table,border)