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

然后你可以改变任何可能稍微偏离的风格希望它有效！

Fitgrid - 将边框添加到列的边缘

1 个答案: