2010-07-09 81 views
0

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

感谢, J.

回答

0

转到960.gs网站,然后点击生成CSS。然后你可以在那里编辑列的宽度,使列稍小一些,以适应两边的斜角宽度。

0

是的,尽量避免使用图像,特别是对于这样的事情。例如,如果你有3列,300像素每一个,它们之间的保证金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,您可以使s现在占领边界的空间的步伐