ͼƬÂÖ²¥Ö®ÃæÏò¹ý³Ìд·¨

<div class="blogpost-body" id="cnblogs_post_body">
<div class="cnblogs_code">
  <pre class="blockcode"><span style="color:#0000ff;">&lt;!</span><span style="color:#ff00ff;">DOCTYPE html</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">html </span><span style="color:#ff0000;">lang</span><span style="color:#0000ff;">&#61;&#34;en&#34;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">head</span><span style="color:#0000ff;">&gt;</span>
    <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">meta </span><span style="color:#ff0000;">charset</span><span style="color:#0000ff;">&#61;&#34;UTF-8&#34;</span><span style="color:#0000ff;">&gt;</span>
    <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>Title<span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">title</span><span style="color:#0000ff;">&gt;</span>
    <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">style </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">&#61;&#34;text/css&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#800000;">
        ul</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">list-style</span><span style="color:#000000;">:</span><span style="color:#0000ff;">none</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
        ul,body</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">margin</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0</span><span style="color:#000000;">;</span><span style="color:#ff0000;">padding</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">

        .slide-box</span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">position</span><span style="color:#000000;">:</span><span style="color:#0000ff;">relative</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">

        .clearfix:after </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">content</span><span style="color:#000000;">:</span><span style="color:#0000ff;">&#39;&#39;</span><span style="color:#000000;">;</span><span style="color:#ff0000;">display</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> table</span><span style="color:#000000;">;</span><span style="color:#ff0000;">clear</span><span style="color:#000000;">:</span><span style="color:#0000ff;">both</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
        .slide-box </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">500px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">border</span><span style="color:#000000;">:</span><span style="color:#0000ff;">1px solid #ccc</span><span style="color:#000000;">;</span><span style="color:#ff0000;">margin</span><span style="color:#000000;">:</span><span style="color:#0000ff;">50px auto</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
        .slide-content-wrap </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">height</span><span style="color:#000000;">:</span><span style="color:#0000ff;"> 400px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">500px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">overflow</span><span style="color:#000000;">:</span><span style="color:#0000ff;">hidden</span><span style="color:#000000;">;</span><span style="color:#ff0000;">position</span><span style="color:#000000;">:</span><span style="color:#0000ff;">relative</span><span style="color:#000000;">;</span><span style="color:#000000;">}</span><span style="color:#800000;">
        .slide-content </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;">
            width</span><span style="color:#000000;">:</span><span style="color:#0000ff;">2500px</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
            position</span><span style="color:#000000;">:</span><span style="color:#0000ff;">absolute</span><span style="color:#000000;">;</span><span style="color:#ff0000;">
            left</span><span style="color:#000000;">:</span><span style="color:#0000ff;">0</span><span style="color:#000000;">;</span>
            <span style="color:#008000;">/*</span><span style="color:#008000;">transition: all 0.5s ease-in-out;</span><span style="color:#008000;">*/</span>
        <span style="color:#000000;">}</span><span style="color:#800000;">
        .slide-content .slide-panel </span><span style="color:#000000;">{<!-- --></span><span style="color:#ff0000;"> float</span><span style="color:#000000;">:</span><span style="color:#0000ff;">left</span><span style="color:#000000;">;</span><span style="color:#ff0000;">height</span><span style="color:#000000;">:</s