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