CSSでグリッド線を表示する方法は？

Question

レスキューウェブサイトにgetskeleton.comを使用していて、このような背景のグリッド線をhttp://nimb.ws/fTE2ARまたはhttp://fearonhay.com/residential/courtyard-houseのように表示しようとしています。それを達成するための最良の方法は何でしょうか？

Answer 1

これを試してください - 少なくともあなたは正しい軌道に乗ります。あなたは、あなたが望むものに応じて、これを固定したり、絶対に置くことができます。 GL HF。

<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>