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