html - Fitgrid - 在列的边缘添加边框

Question

请原谅我的无知，因为我是这个论坛和网页设计的新手。我正在使用 fitgrid 建立一个网站，我想为我制作的页脚添加边框，但我不知道该怎么做。谁能帮忙。这是我的代码:

<!--Footer--> 
<div class="row"> 
    <footer>
        <div class="fg3">
            <img src="images/rics-logo-white-small.png" alt="RICS Logo" class="footerlogo1">
            <img src="images/APSLogo-small.png" alt="APS Logo" class="footerlogo2">
        </div>
        <div class="fg2">
            <h3 class="h3-footer">Address...</h3>
                    <p class="footer-text">Basin Road<br>Newhaven<br>East Sussex<br>BN22 1NP</p>
        </div>
        <div class="fg5">
            <h3 class="h3-footer">Navigate Our Site...</h3>
                    <p class="footer-text">HOME<br>ABOUT US<br>CASE STUDIES<br>SERVICES<br>CLIENTS<br>ECO<br>CONTACT US<br>BUILDING SURVEYING<br>PROJECT MANAGEMENT<br>PROFESSIONAL SERVICES<br>INSURANCE WORKS<br>ENERGY CONSERVATION<br>EXPERT ADVICE</p>
        </div>
        <div class="fg2">
            <h3 class="h3-footer">Like Us...</h3>
                    <p class="footer-text">Linkedin Logo and Twitter logo to go in this little section here.....</p>
        </div>
    </footer>
</div>
<!--Footer END--> 

我希望它看起来像这张图片..... imgur.com/kG0c5oB

谢谢

戴夫

Answer 1

从图像的外观来看，我会推荐这段代码:

footer .fg3{
   border-right: 1px white solid;
}

footer .fg5{
       border-right: 1px white solid;
       border-left: 1px white solid;
}

然后你可以改变任何可能有点不对劲的风格。
希望它有效!