960gs和边距背景

时间:2010-07-09 10:09:46

标签: css 960.gs

我正在使用960gs开发一个网站,我遇到了一些麻烦。我想在我的列之间显示一个小的(斜面)边框。一种方式(我现在使用)是给主容器一个背景图像,但这意味着我必须手动为2,3或更多列创建图像。我宁愿为列本身设置背景,但这意味着我必须摆脱边缘。处理这个问题的最佳方法是什么?

谢谢, 学家

2 个答案:

答案 0 :(得分:0)

转到960.gs网站,然后点击生成css。然后,您可以编辑那里的列宽,并使列稍微小一些,以适应两侧的斜角宽度

答案 1 :(得分:0)

是的,尽可能避免使用图像,特别是对于这样的事情。例如,如果您有3列,每列300px,它们之间有30px的边距:

column 1 - 300px wide

column 2 - 300px wide, margin:0 30px (left and right = 30)

column 3 - 300px wide

只需更改规则并为该中心列添加边框,例如

column2 {border-left:1px dashed #ccc; border-right:1px dashed #ccc; margin:0 29px;}

通过将边距减少1 px,您可以为边框占据的空间留出空间