15个漂亮的单页的CSS网站设计

admin 10年前
     单页网站,就意味着网站的所有内容都在一个页面中显示。下面收集了15个拥有优秀CSS设计的最漂亮单页 网站设计。    <h4>1. El Palomar</h4>    <p><a title="El Palomar" href="/misc/goto?guid=4958191299506394012" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/b383532a7cd709437fd049f615982c7f.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2386" title="el-palomar" alt="el-palomar" src="https://simg.open-open.com/show/b383532a7cd709437fd049f615982c7f.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>2. On Safari Lottery</h4>    <p><a title="On Safari Lottery" href="/misc/goto?guid=4958191300286547270" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/cf3712c76d9f054c813b8d972bf16915.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2393" title="onsafarilottery" alt="onsafarilottery" src="https://simg.open-open.com/show/cf3712c76d9f054c813b8d972bf16915.jpg" width="600" height="335" /></a></p>    <p> </p>    <h4>3. Pixel Vixen</h4>    <p><a title="Pixel Vixen" href="/misc/goto?guid=4958191301032725718" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/af7c6cc9196ed3f59e52704148cf90c9.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2394" title="pixel-vixen" alt="pixel-vixen" src="https://simg.open-open.com/show/af7c6cc9196ed3f59e52704148cf90c9.jpg" width="600" height="335" /></a></p>    <p> </p>    <h4>4. Desyn</h4>    <p><a title="Desyn" href="/misc/goto?guid=4958191301770689253" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/169b75aee4ca1a95d2dc3aacc5606e4d.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2385" title="desyn" alt="desyn" src="https://simg.open-open.com/show/169b75aee4ca1a95d2dc3aacc5606e4d.jpg" width="600" height="335" /></a></p>    <p> </p>    <h4>5. Kult CMS</h4>    <p><a title="Kult CMS" href="/misc/goto?guid=4958191302500399235" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/27bcd8a261d22f8bd189805ab2146219.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2390" title="kult-cms" alt="kult-cms" src="https://simg.open-open.com/show/27bcd8a261d22f8bd189805ab2146219.jpg" width="600" height="335" /></a></p>    <p> </p>    <h4>6. Nevpix</h4>    <p><a title="Nevpix" href="/misc/goto?guid=4958191303235949569" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/a983b704091eb94fe711755aafdb976f.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2392" title="navpix" alt="navpix" src="https://simg.open-open.com/show/a983b704091eb94fe711755aafdb976f.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>7. Glauber Dorotheu</h4>    <p><a title="Glauber Dorotheu" href="/misc/goto?guid=4958191303964560662" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/2b20c635e345577314b50714b6b20e0d.jpg" rel="wp-prettyPhoto[g2381]"><img style="width:603px;height:354px;" class="aligncenter size-full wp-image-2387" title="glauber-dorotheu" alt="glauber-dorotheu" src="https://simg.open-open.com/show/2b20c635e345577314b50714b6b20e0d.jpg" width="1349" height="639" /></a></p>    <p> </p>    <h4>8. Baby Shower</h4>    <p><a title="Baby Shower" href="/misc/goto?guid=4958191304698366884" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/b99d34d84fb705c1ec9e8ed16eea6148.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2383" title="babyshowermadrid" alt="babyshowermadrid" src="https://simg.open-open.com/show/b99d34d84fb705c1ec9e8ed16eea6148.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>9. Logo Time</h4>    <p><a title="Logo Time" href="/misc/goto?guid=4958191305436926432" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/82c4b1bb8d5cb92c5cc455be48c5500b.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2391" title="logo-time" alt="logo-time" src="https://simg.open-open.com/show/82c4b1bb8d5cb92c5cc455be48c5500b.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>10. Julien Pons</h4>    <p><a title="Julien Pons" href="/misc/goto?guid=4958191306174015130" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/4e0bdfa6f3a33ca5fed3c97fdbc39880.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2388" title="julienpons" alt="julienpons" src="https://simg.open-open.com/show/4e0bdfa6f3a33ca5fed3c97fdbc39880.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>11. Schlusen</h4>    <p><a title="Schlusen" href="/misc/goto?guid=4958191306896883808" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/3d108d765c3b15f49ec19e7a4ced3f6f.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2396" title="schlusen" alt="schlusen" src="https://simg.open-open.com/show/3d108d765c3b15f49ec19e7a4ced3f6f.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>12. The J</h4>    <p><a title="The J" href="/misc/goto?guid=4958191307637345340" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/d8d7901fab36243941d7d083be1a9a7e.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2382" title="thej" alt="thej" src="https://simg.open-open.com/show/d8d7901fab36243941d7d083be1a9a7e.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>13. Craig Jamieson</h4>    <p><a title="Craig Jamieson" href="/misc/goto?guid=4958191308368724588" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/c6c3b671994813e9e8c48de4c9b42f48.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2384" title="craigjamieson" alt="craigjamieson" src="https://simg.open-open.com/show/c6c3b671994813e9e8c48de4c9b42f48.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>14. ProfiGrafik</h4>    <p><a title="ProfiGrafik" href="/misc/goto?guid=4958191309109675563" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/eadf9a2bc7040cb551f4b289e0950f51.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2395" title="profigrafik" alt="profigrafik" src="https://simg.open-open.com/show/eadf9a2bc7040cb551f4b289e0950f51.jpg" width="600" height="300" /></a></p>    <p> </p>    <h4>15. Killer Beach</h4>    <p><a title="Killer Beach" href="/misc/goto?guid=4958191309848798798" target="_blank">预 览</a><br /> <a href="https://simg.open-open.com/show/b1b19509fe1a5b01733a9fcc2abe8b63.jpg" rel="wp-prettyPhoto[g2381]"><img class="aligncenter size-full wp-image-2389" title="killer-beach" alt="killer-beach" src="https://simg.open-open.com/show/b1b19509fe1a5b01733a9fcc2abe8b63.jpg" width="600" height="300" /></a></p>