背景Img Css(肖像img)

时间:2015-12-09 08:42:44

标签: html css image background

我想把这个肖像img作为我的封面/介绍照片,但我想要它的全尺寸,我不希望它看起来拉伸或什么,但当我编码它看起来拉伸。请查看下面的附件照片谢谢。

HTML code:

click()

,CSS代码:

<div id="page-wrapper">
    <header id="header">
        <nav id="nav">
            <ul>
                <li class="special">
                    <a href="#menu" class="menuToggle"></a>
                    <div id="menu">
                        <ul>
                            <div class="title">Catalog</div>
                            <div class="sub-title">title</div>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="l">Blog</a></li>
                            <li><a href="">Shop</a></li>
                            <li><a href="#">About</a></li>
                        </ul>
                        <hr>
                        <ul>
                            <div class="title">Links</div>
                            <li><a href="">Instagram</a></li>
                            <li><a href="">Facebook</a></li>
                            <li><a href="">Vimeo</a></li>
                        </ul>
                        <hr>
                        <ul>
                            <div class="title">Partner</div>
                            <li><a href="">sample.com</a></li>
                            <li><a href="">sample.com</a></li>
                            <li><a href="">sample</a></li>
                        </ul>
                        <hr>
                        <ul>
                            <li><a href="index.html">Search</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </nav>
    </header>
    <div class="intro">
        <div id="center">
            <div class="logo">
                <img src="img/Logo/logo.png" />
            </div>
        </div>
    </div>
</div>

This is the image i want to use,

it looks stretchy etc,

0 个答案:

没有答案