<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bamboo | Free CSS Template collect from www.htmldivcss.com </title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="wrap">
<div id="tab">
<ul>
<li><a href="index.html">H o m e </a></li>
<li class="active"><a href="styles.html">S t y l e s </a></li>
<li><a href="notes.html">N o t e s </a></li>
</ul>
</div>
<div id="top">
</div>
<div id="page">
<div id="col1">
<div id="header">
<h1 id="Sitename">
<a href="#">Bamb<span class="italic">oo</span></a>
<span class="caption">
A Free CSS Template collect from www.htmldivcss.com </span></h1>
</div>
<h2>Categories</h2>
<ul class="menu">
<li><a href="#">Lorem Ipsum</a></li>
<li><a href="#">Dolor Sit</a></li>
<li><a href="#">Amet Feugiat</a></li>
<li><a href="#">Eleifend In</a></li>
<li><a href="#">Nullam Eget urna </a></li>
</ul>
</div>
<div id="widecol">
<div class="post">
<h2><a href="#">Image, Blockquote & Lists</a></h2>
<p class="postinfo"><img src="images/ico_auth.jpg" alt="Author" />Posted by Author on 25/08/3007</p>
<blockquote>
<p>You can align the images to left and right using .leftalign and .rightalign css classes
<cite>Blockquote Example</cite>
</p>
</blockquote>
<img class="leftalign" src="images/bambooimg.jpg" alt="Image" /> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis posuere porta nibh. Donec ullamcorper nisl non nisl. Sed orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Vivamus lorem turpis, vehicula sed, malesuada quis, malesuada vitae, erat. Pellentesque nulla. Nullam bibendum cursus augue. Sed sodales rutrum sapien. Nulla tristique, massa dapibus feugiat vestibulum, ante nisl venenatis nulla, sit amet aliquet nulla risus eget magna. Proin laoreet. Nullam tortor. Vestibulum ut nisl. </p>
<h3>Ordered List</h3>
<ol>
<li>Suspendisse ultrices sem vel velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam ut augue.</li>
<li> Mauris hendrerit adipiscing odio. </li>
<li>Ut nec nisi. Suspendisse potenti. Phasellus volutpat, metus in hendrerit porta, ipsum velit viverra mauris, vitae fringilla elit felis at eros. </li>
<li>Pellentesque volutpat diam eget mauris. </li>
</ol>
<h3>Unordered List</h3>
<ul>
<li>Proin sollicitudin consectetuer nulla. </li>
<li>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent adipiscing accumsan nunc. </li>
<li>Nam sagittis erat vel pede. Proin tempor sapien vitae odio. Mauris gravida tristique dolor. Nunc posuere nisi. Cras accumsan dapibus enim. </li>
<li>Ut et massa. Donec nec sem. Aenean nisi. Sed non erat.</li>
<li> Pellentesque fermentum mattis orci. Sed adipiscing, leo et consectetuer egestas,</li>
<li> magna velit dictum eros, pellentesque lacinia velit pede et metus.</li>
</ul>
<p class="postbottom"><img src="images/ico_cat.jpg" alt="Cat" width="19" height="12" /><a href="#">Category</a> <img src="images/ico_comment.jpg" alt="Comment" width="20" height="15" /><a href="#">Comments</a> <img src="images/ico_link.jpg" alt="Link" width="19" height="11" /><a href="#">Full Story</a></p>
</div>
<div class="post">
<h2><a href="#">Tables </a></h2>
<p class="postinfo"><img src="images/ico_auth.jpg" alt="Author" />Posted by Author on 25/08/3007</p>
<table cellspacing="0" cellpadding="0">
<tr>
<th scope="col">Lorem</th>
<th scope="col">Ipsum</th>
<th scope="col">Dolor</th>
</tr>
<tr>
<td>Sit</td>
<td>Ipsum</td>
<td>Consectetuer</td>
</tr>
<tr>
<td>Adipiscing elit</td>
<td>Aliquam Negue mi</td>
<td>Euismond vitae</td>
</tr>
<tr>
<td>Morbi elit nulla</td>
<td>Laoreet Vel</td>
<td>Posuere et</td>
</tr>
<tr>
<td>Sit</td>
<td>Ipsum</td>
<td>Consectetuer</td>
</tr>
<tr>
<td>Adipiscing elit</td>
<td>Aliquam Negue mi</td>
<td>Euismond vitae</td>
</tr>
<tr>
<td>Morbi elit nulla</td>
<td>Laoreet Vel</td>
<td>Posuere et</td>
</tr>
</table>
<p class="postbottom"><img src="images/ico_cat.jpg" alt="Cat" width="19" height="12" /><a href="#">Category</a> <img src="images/ico_comment.jpg" alt="Comment" width="20" height="15" /><a href="#">Comments</a> <img src="images/ico_link.jpg" alt="Link" width="19" height="11" /><a href="#">Full Story</a></p>
</div>
<div class="post">
<h2>Form Example</h2>
<p class="postinfo"><img src="images/ico_auth.jpg" alt="Author" />Posted by Author on 25/08/3007</p>
<form action="#">
<div class="contactform">
<label for="name">Name:</label>
<input class="textfield" name="Nname" id="name" type="text" />
<label for="email">email:</label><input class="textfield" id="email" name="email" type="text" />
<label for="Age">age:</label>
<input class="textfield" name="Age" id="Age" type="text" />
<label for="Comments">Comments/Questions:</label>
<textarea class="textfield" id="Comments" name="Comments" cols="30" rows="8"></textarea>
<label for="Submit"><span class="hide">Submit</span></label>
<input name="Submit" type="button" id="Submit" class="button" value="Submit" />
</div>
</form>
<p class="postbottom"><img src="images/ico_cat.jpg" alt="Cat" width="19" height="12" /><a href="#">Category</a> <img src="images/ico_comment.jpg" alt="Comment" width="20" height="15" /><a href="#">Comments</a> <img src="images/ico_link.jpg" alt="Link" width="19" height="11" /><a href="#">Full Story</a></p>
</div>
<div id="comments_tpl">
<h3 id="comments">3 Response to “Styles Page!”</h3>
<ol class="commentlist">
<li>
<img alt='' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' class='avatar avatar-32 avatar-default' height='32' width='32' /> <cite><a href='http://wordpress.org/' rel='external nofollow'>Mr WordPress</a> Says:</cite>
<br />
<small class="commentmetadata"><a href="#comment-1" title="">April 26th, 2008 at 1:24 am</a> </small>
<p>Hi, this is a comment.<br />To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</li>
<li>
<img alt='' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' class='avatar avatar-32 avatar-default' height='32' width='32' /> <cite><a href='http://wordpress.org/' rel='external nofollow'>Mr WordPress</a> Says:</cite>
<br />
<small class="commentmetadata"><a href="#comment-1" title="">April 26th, 2008 at 1:24 am</a> </small>
<p>Hi, this is a comment.<br />To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</li>
<li>
<img alt='' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=32' class='avatar avatar-32 avatar-default' height='32' width='32' /> <cite><a href='http://wordpress.org/' rel='external nofollow'>Mr WordPress</a> Says:</cite>
<br />
<small class="commentmetadata"><a href="#comment-1" title="">April 26th, 2008 at 1:24 am</a> </small>
<p>Hi, this is a comment.<br />To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.</p>
</li>
</ol>
</div>
<div class="pagenav">
<span class="alignleft"><a href="#">Older Posts</a></span>
<span class="alignright"><a href="#">Newer Posts</a></span></div>
</div>
<p cla
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
收起资源包目录
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/GIF.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
共 35 条
- 1
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
![avatar-vip](https://csdnimg.cn/release/downloadcmsfe/public/img/user-vip.1c89f3c5.png)
2201_75761617
- 粉丝: 21
- 资源: 7339
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)