您的位置:首页 > Web前端 > CSS

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

2006-01-11 14:34 369 查看
  周海汉:用CSS而不是表格Table来做圆角的框
CSS的箱子模式: 作者:周海汉
msn: ablo_zhou@hotmail.com
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 table border 框架 qq