如何用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>