谢谢楼主

学习……

已经全部打印了。可以出本书了。 呵呵。

辛苦啦辛苦啦辛苦啦

好
要是给几个下载地址更好

请问楼主，哪里有视频教程下载？先谢谢了！

外框相对定位,圆角绝对定位实现超实用圆角边框
http://midy.coolsj.net/html/cor_box.html
效果:http://midy.coolsj.net/html/demo/cor_demo02.html

copyright coolsj.net

用ul li写的buttom
推荐的buttom写法
效果:http://midy.coolsj.net/html/demo/btn.html

html code

<div class="formtable_btn">
  <ul class="btn01">
    <li class="bg02"><span>
      <input type="submit" name="Submit" value="Save Changes" style="width:90px;" />
      </span></li>
    <li class="bg01"><span>
      <input type="submit" name="Submit" value="Preview" style="width:60px;" />
      </span></li>
    <li class="bg02"> <a href="#">Save Changes</a> </li>
    <li class="bg01"> <a href="#">Preview</a> </li>
       <li class="bg01" style="display:none;"><span>Save Changes</span> </li>
    <li class="bg02" style="display:none;"><span>Save Changes</span> </li>
    <li class="bg01"><span>Save Changes</span> </li>
    <li class="bg02"><span>Save Changes</span> </li>
  </ul>
</div>

css code

/* button start */
.formtable_btn { height:100px; background-color:#f9f9f9; border:1px solid #eaeae9; padding:10px; margin:20px 0;}
ul.btn01 {
       list-style:none;
       margin: 0;
       padding: 0;
}
ul.btn01 li.bg01 input, ul.btn01 li.bg02 input {
       font-family: Verdana;
       font-size: 11px;
       color: #9a5379;
       border-style: none;
       background-color: transparent;
       margin: 0px;
       padding: 0px;
}
ul.btn01 li.bg01 a, ul.btn01 li.bg02 a {
       float:left;
       display:block;
       color:#9a5379;
       text-decoration:none;
       background-image: url(../images/btn/btn_r.gif);
       background-repeat: no-repeat;
       background-position: 100% 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       padding-top:3px;
       height: 19px;
       padding-right: 4px;
       text-align:center;
}
ul.btn01 li.bg02 a { color:#fff; background-position: 100% -22px;}
ul.btn01 li.bg01 a:hover, ul.btn01 li.bg02 a:hover {
       float:left;
       display:block;
       color:#9a5379;
       text-decoration: underline;
       background-image: url(../images/btn/btn_r.gif);
       background-repeat: no-repeat;
       background-position: 100% 0px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       padding-top:3px;
       height: 19px;
       padding-right: 4px;
       text-align:center;
}
ul.btn01 li.bg02 a:hover { color:#fff; background-position: 100% -22px;}
ul.btn01 li.bg01 span, ul.btn01 li.bg02 span {
       float:left;
       display:block;
       color:#9a5379;
       text-decoration:none;
       background-image: url(../images/btn/btn_r.gif);
       background-repeat: no-repeat;
       background-position: 100% 0px;
       padding-top: 3px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 10px;
       height: 19px;
       padding-right: 4px;
}
ul.btn01 li.bg01, ul.btn01 li.bg02 {
       float:left;
       background-image: url(../images/btn/btn_l.gif);
       background-repeat: no-repeat;
       background-position: 0px 0px;
       padding-left: 4px;
       margin-right: 20px;
}
ul.btn01 li.bg02 input {
       color: #fff;
}
ul.btn01 li.bg02 span {
       color: #fff;
       background-position: 100% -22px;
}
ul.btn01 li.bg02 {
       background-position: 0px -22px;
}
/* button end */

img

<img src="http://midy.coolsj.net/html/demo/images/btn/btn_r.gif" />
<img src="http://midy.coolsj.net/html/demo/images/btn/btn_l.gif" />

copyright coolsj.net midy

Wa....!!!!!!!!!!!!!!!!!!!

真是好东西，收藏了，谢谢

做的不错啊，还没时间好好学学呢

感谢斑竹,收藏了

谢谢，辛苦啦！

对一个初学CSS的我来说。这些真的不错！要谢谢楼主！

good

html code

<table class="tab1">
  <thead>
    <tr>
      <td>title01</td>
      <th>title02</th>
      <th>title03</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>
<br />
<table class="tab2">
  <thead>
    <tr>
      <td>title01</td>
      <th>title02</th>
      <th>title03</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>
<br />
<table class="tab3">
  <thead>
    <tr>
      <th>title01</th>
      <td>title02</td>
      <th>title03</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>text</td>
      <td>text</td>
      <td>text</td>
    </tr>
  </tbody>
</table>
css code

<style type="text/css">
table.tab1 { border-collapse:collapse; border:0px solid #ccc;}
table.tab1 th, table.tab1 td { border:1px solid #ccc; padding:2px 6px;}

table.tab2 { border-collapse:collapse; border:0px solid #ccc;}
table.tab2 th, table.tab2 td { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px 6px;}

table.tab3 { border-collapse:collapse; border:1px solid #ccc;}
table.tab3 th, table.tab3 td { border-top:0px solid #ccc; padding:2px 6px;}
table.tab3 thead th { background-color:#EEE;}
</style>

copyright coolsj.net

楼主辛苦，好东西！支持，收藏。

谢谢,分享
一笔财富啊,呵呵

好东西,有事做了

楼主真是辛苦了,整理这么好用的东东,向你致敬

这么多的书啊，多谢了啊！！！

有点懂了 。。。

超级好东西!

非常好.版主辛苦了.

这帖子怎么不置顶?

LZ真厉害啊..辛苦了~~~
继续好好学习^^

辛苦了啊！

学了很多东西，谢谢好心人

感谢分享～

太好了，收藏了。