960gs 和页边距背景
我正在使用 960gs 开发一个网站,但遇到了一些麻烦。我想在我的列之间显示一个小(斜角)边框。一种方法(我现在正在使用)是为主容器提供背景图像,但这意味着我必须手动为 2、3 或更多列制作图像。我宁愿为列本身设置背景,但这意味着我必须去掉边距。处理这个问题最巧妙的方法是什么?
谢谢, J。
I'm developing a site using 960gs and I'm running into some troubles. I want to display a small (beveled) border between my columns. One way (i'm using now) is to give the main container a background-image, but this means I have to manually make images for 2, 3 or more columns. I rather set a background to the columns themselves, but this would mean that I have to get rid of the margin. What would be the neatest approach to handle this?
Thanks,
J.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
转到 960.gs 站点并单击“生成 css”。然后,您可以在那里编辑列宽,并使列稍微小一些,以适应两侧的斜角宽度
go to the 960.gs site and click generate css. u can then edit the column width there and make the columns a little smaller to accommodate the bevel width on both sides
是的,尽可能避免使用图像,特别是对于这样的事情。例如,如果您有 3 列,每列 300 像素,它们之间的边距为 30 像素:
只需稍微更改规则并为中心列提供边框,例如,
通过将边距减少 1 像素,您可以为现在占用的空间腾出空间边界
Yes, avoid using images whenever possible, specially for things like this. If for example, you have 3 columns, 300px each, 30px of margin between them:
Just change the rules a bit and give that central column the borders, for example
By reducing the margin by 1 px you make space for the space now taken up by the borders