HTML+CSS实现手风琴样式

HTML:

<body>
    <div class="box">
        <ul>
            <li class="pic1"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic2"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic3"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic4"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic5"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic6"><a href="#"> <span>span> <b>度假酒店 b> a>li>
            <li class="pic7"><a href="#"> <span>span> <b>度假酒店 b> a>li>
        ul>
    div>
body>

CSS:

所用图片为 高260px；宽400px；

相关

标签