2016-08-15 2 views
0

응답 성있는 웹 사이트로 getskeleton.com을 사용하고 있으며 배경에 그리드 선을 표시하려고합니다. 예 : http://nimb.ws/fTE2AR 또는 http://fearonhay.com/residential/courtyard-house. 그 일을 수행하는 가장 좋은 방법은 무엇입니까?CSS로 그리드 선을 표시하는 방법은 무엇입니까?

+0

나는 아이디어가 - 당신은 당신의 용기를 만들 수 있습니다 - 그 고정 위치 - 9999px 같은 거대한 무언가로 높이를 설정 - 그리고 모든 – Radmation

+1

그것보다 훨씬 쉽게 @Radmation 이상을 설정합니다. 타일이있는 배경 이미지를 만들어 컨테이너에 적용합니다. – hungerstar

답변

0

시도해보십시오. 적어도 당신을 올바른 길로 안내 할 것입니다. 당신은 당신이 원하는 것에 따라 고정되거나 절대적 일 수 있습니다. G1h.

<style> 
     .grid-line{ 
      border: 1px solid black; // try border-left and border-right 
      height: 999px; 
      // play with positions - fixed ect.. 
     } 
    </style> 

<div class="container"> 
    <div class="row"> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
     <div class="one column grid-line"></div> 
    </div> 
</div> 
관련 문제