css教程之lightbox
css教程之html、body标签的定义 第一部分视频 第二部分视频
内容:
一、100%的自适应高度要同时设置html和body标签。
二、html标签的作用范围等于body标签作用范围加上滚动条。
发布时间:2007.3.2
css教程之hr标签的定义 视频地址
css教程之table标签的定义 第一讲视频 第二讲视频 第三讲视频 第四讲视频
内容:web新标准中表格的应用和table,tr,td,th等标签,介绍两款软件和css定义的格式,tablecss化
发布时间:2007.3.1
代码:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>无标题文档</title> <style type=”text/css”> <!– body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } table#dd { background-color: #6CADD9; } table#dd thead th { background-color: #6CADD9; color: #FFFFFF; } #dd td { padding: 6px; width: 50px; } table#dd tbody.tb1 td { background-color: #FFFFFF; } table#dd tbody.tb2 td { background-color: #F7F7F7; } table#dd tbody td:hover { background-color: #BFEDF9; } table#dd colgroup col.name { background-color: #E6E6E6; width: 100px; font-weight: normal; }–> </style> </head> <body> <table border=”0″ align=”center” cellspacing=”1″ id=”dd”> <caption> 这是一个表格 </caption> <colgroup> <col class=”name” /> <col /> <col /> </colgroup> <thead> <tr> <th></th> <th>颜色</th> <th>型号</th> <th>价格</th> </tr> </thead> <tbody class=”tb1″> <tr> <th>第一件衣服</th> <td>红色</td> <td>大</td> <td>100</td> </tr> <tr> <th>第二件衣服</th> <td>绿色</td> <td>小</td> <td>120</td> </tr> </tbody> <tbody class=”tb2″> <tr> <th>第一件裤子</th> <td>红色</td> <td>大</td> <td>230</td> </tr> <tr> <th>第二件裤子</th> <td>绿色</td> <td>小</td> <td>240</td> </tr> </tbody> <tbody class=”tb1″> <tr> <th>第三件衣服</th> <td>红色</td> <td>大</td> <td>90</td> </tr> <tr> <th>第四件衣服</th> <td>绿色</td> <td>小</td> <td>100</td> </tr> </tbody> </table> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]