用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的箱子模式: 作者:周海汉
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 无图制作圆角
- 纯CSS无图打造圆角Table 无图制作圆角
- 纯CSS无图打造圆角Table 无图制作圆角
- Css制作table细线表格
- CSS制作圆角边框
- css圆角制作。
- js+css+div制作水平下拉菜单_是宇斯..不是宙斯...艾倪书焚....
- CSS制作一个商品分类列表,边框是圆角弧度
- HTML/CSS导航菜单-圆角菜单的制作
- css制作圆角按钮
- 用CSS制作的圆角层
- Css制作table细线表格
- css制作圆角按钮
- 纯CSS制作圆角按钮,不需图片,兼容各浏览器
- [推荐]制作div+css圆角
- Css制作table细线表格
- 纯CSS制作圆角矩形框知识总结
- Css制作table细线表格
- 圆角图片table( css )
- div+css制作圆角宽度定宽边框