【免费】简单的黑色博客CSS模板_简单黑色博客二栏窄.rar资源-CSDN文库

共10个文件

gif：5个

html：3个

jpg：1个

html

需积分: 0 167 浏览量 2023-09-12 08:48:03 上传评论收藏 8KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单的黑色博客CSS模板_简单黑色博客二栏窄.rar （10个子文件）

nav_hover.gif 86B

stripe.gif 53B

default.css 4KB

index2.html 6KB

bgh1.gif 43B

li.gif 201B

bg.jpg 1KB

index.html 6KB

index3.html 6KB

nav.gif 86B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="description"/> <meta name="keywords" content="keywords"/> <meta name="author" content="author"/> <link rel="stylesheet" type="text/css" href="default.css" media="screen"/> <title>Shades of Gray</title> </head>  <body style="margin: 0 22%;"> <div class="container"> <div class="header"> <a href="index.html"><span>Shades of Gray</span></a> </div> <div class="stripes"><span></span></div> <div class="nav"> <a href="index.html">Default layout</a> <a href="index2.html">Wide layout</a> <a href="index3.html">Thin layout</a> <a href="index.html">consequat</a></li> <a href="index.html">sem justo</a> <div class="clearer"><span></span></div> </div> <div class="stripes"><span></span></div> <div class="main"> <div class="left"> <div class="content"> <h1>Porttitor posuere</h1> <div class="descr">Jun 13, 2006 by Vulputate</div> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. <a href="index.html">Nunc eget pretium</a> diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p> <blockquote><span>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</span></blockquote> <p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Proin quis massa semper felis euismod ultricies.</p> <h1>Adipiscing</h1> <div class="descr">Jun 11, 2006 by Laoreet</div> <p>Venenatis ac ante fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p> <ul> <li>Tristique</li> <li>Aenean</li> <li>Pretium</li> </ul> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p> <h1>Interdum</h1> <div class="descr">May 24, 2006 by Lectus</div> <p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Fusce nibh. Curabitur pellentesque, lectus at <a href="index.html">volutpat interdum</a>. Pellentesque a nibh quis nunc volutpat aliquam</p> <code>margin-bottom: 12px; font-size: 1.1em; background: url(img/quote.gif); padding-left: 28px; color: #555;</code> <p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p> </div> </div> <div class="right"> <div class="subnav"> <h1>Auctor</h1> <p>In hac habitasse platea dictumst. Duis auctor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien.</p> <h1>Duis Elit</h1> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> </ul> <h1>Sapien</h1> <ul> <li><a href="index.html">sociis natoque</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> <h1>Blandit Enim</h1> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> </ul> <h1>Fringilla</h1> <ul> <li><a href="index.html">sociis natoque</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> </div> <div class="clearer"><span></span></div> </div> <div class="footer"> <div class="col3"> <h2>Tincidunt</h2> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> <div class="col3center"> <h2>Sed purus</h2> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> <div class="col3"> <h2>Praesent</h2> <ul> <li><a href="index.html">consequat molestie</a></li> <li><a href="index.html">sem justo</a></li> <li><a href="index.html">semper</a></li> <li><a href="index.html">magna sed purus</a></li> <li><a href="index.html">tincidunt</a></li> </ul> </div> <div class="bottom"> <span class="left">© 2007 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>.</span> <span class="right"><a href="http://www.moobnn.com/">Website template</a> from <a href="http://moobnn.com/">moobnn.com</a></span> <div class="clearer"><span></span></div> </div> </div> </div> </body> </html>

评论收藏

内容反馈