html中table样式_html中table的用法

全栈程序员-站长 • 2022年9月20日上午10:46 • 未分类 • 阅读 0

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

转自：http://atgoingguoat.iteye.com/blog/2074431

常用table样式，备自己常年复制用。

效果图

html中table样式_html中table的用法

    Java代码  

   <img decoding="async" src="http://atgoingguoat.iteye.com/images/icon_star.png" title="" alt="收藏代码">
  
 <!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=gb2312” />  
 <title>无标题文档</title>  
 <style type=“text/css”>  
 <!–  
 /************ Table ************/  
 .xwtable {width: 100%;border-collapse: collapse;border: 1px solid #ccc;}                  
 .xwtable thead td {font-size: 12px;color: #333333;text-align: center;background: url(table_top.jpg) repeat-x top center;border: 1px solid #ccc; font-weight:bold;}  
 .xwtable tbody tr {background: #fff;font-size: 12px;color: #666666;}             
 .xwtable tbody tr.alt-row {background: #f2f7fc;}                 
 .xwtable td{line-height:20px;text-align: left;padding:4px 10px 3px 10px;height: 18px;border: 1px solid #ccc;}  
 –>  
 </style>  
 </head>  
   
 <body>  
 <table class=“xwtable”>  
             <thead>  
               <tr>  
                 <td>条数（可去掉这行）</td>  
                 <td>内容（可去掉这行）</td>  
               </tr>  
             </thead>  
             <tbody>  
               <tr>  
                 <td>第1条</td>  
                 <td>内容内容内容</td>  
               </tr>  
               <tr>  
                 <td>第2条</td>  
                 <td>内容内容内容内容</td>  
               </tr>  
               <tr>  
                 <td>&nbsp;</td>  
                 <td>&nbsp;</td>  
               </tr>  
               <tr>  
                 <td>&nbsp;</td>  
                 <td>&nbsp;</td>  
               </tr>  
               <tr>  
                 <td>&nbsp;</td>  
                 <td>&nbsp;</td>  
               </tr>  
             </tbody>  
           </table>  
 </body>  
 </html>  