一个TABLE 的css的样式表

正常访问状态！

http://www.guosp.com
碧海澜涛居
海纳百川，有容乃大。壁立千刃，无欲则刚！

关键词：

技术资料 >> 网页制作

搜索标签：暂无标签
一个TABLE 的css的样式表
[阅读次数：1339次] [发布时间：2012年3月31日]
一个TABLE 的css的样式表 <head> <title></title> <link rel="stylesheet" href="table.css" type="text/css" media="screen" /> </head> <body> <table class="admintable" width="100%"> <tr> <th class="adminth">标题<th></th> <th class="adminth">标题<th></th> <th class="adminth">标题<th></th> <th class="adminth">标题<th></th> </tr> <tr> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> </tr> <tr> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> </tr> <tr> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> <td class="admincls0">内容1</td> </tr> <tr> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> <td class="admincls1">内容1</td> </tr> </table> <p> </p> <table width="245" height="241" border="1" cellspacing="0" bordercolor="#99BCFC"> <tr> <th class="adminth_s2" width="57" scope="row">标题</th> <td width="178" bgcolor="#EAEAEA"><p> <input name="textfield" type="text" id="textfield" size="25" /> </p> </td> </tr> <tr> <th class="adminth_s2" scope="row">标题</th> <td bgcolor="#EAEAEA"><p> <input name="textfield2" type="text" id="textfield2" size="25" /> </p> </td> </tr> <tr> <th class="adminth_s2" scope="row">标题</th> <td bgcolor="#EAEAEA"><p> <input name="textfield3" type="text" id="textfield3" size="25" /> </p> </td> </tr> <tr> <th class="adminth_s2" scope="row">标题</th> <td bgcolor="#EAEAEA"><p> <input name="fileField" type="file" id="fileField" size="15" /> </p> </td> </tr> <tr> <th class="adminth_s2" scope="row">标题</th> <td bgcolor="#EAEAEA"> <p> <textarea name="textarea" id="textarea" cols="23" rows="6"></textarea> </p> </td> </tr> </table> <p> </p> <table width="200" class="admintable_s2" cellspacing="0"> <tr> <td class="admintd">标题</td> <td>内容</td> </tr> <tr> <td class="admintd">标题</td> <td>内容</td> </tr> <tr> <td class="admintd">标题</td> <td>内容</td> </tr> </table> <p> </p> <table width="200" class="stage" cellspacing="0"> <tr> <td colspan="2" class="stagetd">标题内容stagetd</td> </tr> <tr class="stagetr_tr1"> <td>内容</td> <td>内容</td> </tr> <tr class="stagetr_tr2"> <td>内容</td> <td>内容</td> </tr> <tr class="stagetr_tr1"> <td>内容</td> <td>内容</td> </tr> <tr class="stagetr_tr2"> <td>内容</td> <td>内容</td> </tr> </table> <p> </p> </body> </html> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 下面为css table.admintable { border:1px solid #AEDEF2; border-collapse: collapse; } table.admintable_s2{ color:#658fd4; border-bottom:#aedef2 thin solid; border-left:#aedef2 thin solid; border-right:#aedef2 thin solid; border-top:#aedef2 thin solid; background-color: #eef6fe; font-size:12px; font-family:"新宋体"; overflow:auto; } td.admintd{ color: #0066cc; font-size:14px; color:#05B; } th.adminth { width: 671px; color: #0066cc; background-color: #eef6fe; font-size:14px; color:#05B; border:1px solid #AEDEF2; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#AEDEF2,endColorStr=ghostwhite); } th.adminth_s2 { width: 671px; color: #0066cc; background-color: #eef6fe; font-size:14px; color:#05B; border:1px solid #AEDEF2; } td.admincls0 { border:1px solid #AEDEF2; background:ghostwhite; font-size:12px; font-family: 新宋体; color: #333; } td.admincls1 { border:1px solid #AEDEF2; background:#DAF0F1; font-size:12px; font-family: 新宋体; color: #333; } th.menu { color: #006699; font-family: "新宋体"; font-size: 14px; } td.stagetd{ color:#236E11; font-size:14px; font-family:"新宋体"; border-bottom:#456602 thin dashed; background:#EBFEC5; } table.stage{ border-bottom:#FFFFFF thin solid; border-left:#FFFFFF thin solid; border-right:#FFFFFF thin solid; border-top:#FFFFFF thin solid; font-size:14px; font-family:"新宋体"; overflow:auto; } tr.stagetr_tr1{ border-bottom:#FFFFFF thin solid; border-left:#FFFFFF thin solid; border-right:#FFFFFF thin solid; border-top:#FFFFFF thin solid; background-color: #EBFEC5; font-size:12px; font-family:"新宋体"; } tr.stagetr_tr2{ border-bottom:#FFFFFF thin solid; border-left:#FFFFFF thin solid; border-right:#FFFFFF thin solid; border-top:#FFFFFF thin solid; font-size:12px; font-family:"新宋体"; } 注：可手动修改代码后运行！本页地址： [复制地址] 该页内容非本站原创收藏自：http://blog.sina.com.cn/s/blog_4c6e822d0100akfd.html
返回顶部

评论统计（0条）| 我要评论

暂无评论内容！

我要评论

我要评论：

带*部分需要填写

姓名称呼：

* 请填写您的姓名或呢称

联系方式：

QQ,MSN,Email都可以，方便交流 (仅管理员可见)

评论内容：

* 不超过100字符，50汉字

验证码：

最近更新

·Host 'XXX' is not allowed...
·Win2008或IIS7的文件上传大...
·IIS7.0上传文件限制的解决方...
·测试信息2015-03-11
·asp.net中处理图片
·ASP.NET之Web打印－终极解决...
·Asp.net下C#调用Word模版实...
·asp.net下将页面内容导入到...
·asp.net导出为pdf文件
·asp.net生成pdf文件
·FCKeditor 文本编辑器的使用...
·ASP.NET 将数据生成PDF
·asp.net2.0导出pdf文件完美...
·AspJpeg的安装与测试
·JS验证浏览器版本对IE11的支...

碧海澜涛居

网站首页｜关于本站｜站长简介｜开发案例｜技术资料｜美文日志｜摄影相册｜读书收藏｜影视收藏｜留言板

免责声明：本站为个人网站，站内所有文字、图片等各类资料均为个人兴趣爱好所收集，不用作任何商业用途，亦不保证资料的真实性，若有因浏览本站内容而导致的各类纠纷，本站也不承担任何责任。本站部分内容来自互联网，如有涉及到您的权益或隐私请联系站长解决。