960gs를 사용하여 사이트를 개발 중이며 몇 가지 문제가 있습니다. 내 열 사이에 작은 (경 사진) 테두리를 표시하고 싶습니다. 한 가지 방법은 (지금 사용하고 있습니다) 기본 컨테이너에 배경 이미지를 제공하는 것입니다. 그러나 이것은 수동으로 2, 3 또는 그 이상의 열에 대한 이미지를 만들어야 함을 의미합니다. 나는 오히려 컬럼 자체의 배경을 설정했다. 그러나 이것은 마진을 제거해야한다는 것을 의미한다. 이것을 처리하기위한 가장 깔끔한 접근 방법은 무엇입니까?960g 및 배경 여백
덕분에, J.
는 960.gs 사이트로 이동하여 CSS 생성을 클릭합니다. 그런 다음 열 너비를 편집하고 열을 양쪽에 베벨 너비를 맞추기 위해 조금 더 작게 만들 수 있습니다.
예, 가능하면이 이미지를 사용하지 마십시오. 예를 들어, 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;}
1px만큼 여백을 줄이면 국경이 지금 차지하고있는 공간에 보조 속도