我正在使用 960gs 开发一个网站，但遇到了一些麻烦。我想在我的列之间显示一个小的（斜面）边框。一种方法（我现在正在使用）是给主容器一个背景图像，但这意味着我必须手动为 2、3 或更多列制作图像。我宁愿为列本身设置背景，但这意味着我必须摆脱边距。处理这个问题的最佳方法是什么？
谢谢，J。
问问题
251 次
2 回答
0
转到 960.gs 站点并单击生成 css。然后你可以在那里编辑列宽并使列更小以适应两侧的斜角宽度
于 2011-03-10T23:40:35.753 回答
0
是的，尽可能避免使用图像，特别是像这样的事情。例如，如果您有 3 列，每列 300 像素，它们之间的边距为 30 像素：
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，您可以为现在由边框占用的空间腾出空间
于 2011-11-10T15:09:26.920 回答