Question

如何将导航栏中的徽标/图像放到我的主页？我想要左侧的徽标和左侧的文本链接（主页，下载）？真的很困惑和难倒。

Answer 1

你可以用这种方式做到这一点

<div id="logo" style="background-image:
    url('http://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/150px-Wikipedia-logo-v2.svg.png');
    width: 50px; height: 50px; background-size: contain; 
    background-repeat:no-repeat; float: left">
</div>

<div class="nav" style="float:left; margin-left: 30px; margin-top: 10px;">
    <a href="http://en.wikipedia.org/wiki/Home">Home</a>
</div>

<div class="nav" style="float:left; margin-left: 30px; margin-top: 10px;">
    <a href="http://en.wikipedia.org/wiki/Download">Downloads</a>
</div>

- ＆GT; https://jsfiddle.net/p307zybo/1/

如何在导航栏上放置图像/徽标？

1 个答案: