Table表格1px样式

兼容浏览器

<style type="text/css">  
.myTable,.myTable td {  
    border:1px solid #cccccc;  
    border-collapse:collapse; 
}  
</style>
<table class="myTable">

 
           <tr>
              <td>帐 号:</td>
              <td>carlfan</td>
              <td>密 码:</td>
              <td>******</td>
           </tr>

</table>

 

 

二.超出范围隐藏

<!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>52CSS</title> <mce:style type="text/css"><!-- ul {width:300px; margin:50px auto;} li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} a {color:#03c; font-size:13px;} a:hover {color:#000;} --></mce:style><style type="text/css" mce_bogus="1">ul {width:300px; margin:50px auto;} li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} a {color:#03c; font-size:13px;} a:hover {color:#000;}</style> </head> <body> <ul> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">CSS实战精萃 - Pro CSS Techniques </a> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">CSS实战:id是狙击枪 class是双刃剑 合则两利分则两败</a> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">CSS布局实例:CSS标签切换代码实例教程</a> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">Web标准:改变您的网页制作思维方式 节省代码及结构与表现分离</a> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">解决IE7以下版本不支持无A状态伪类的几种方法!</a> <li><a href="http://www.52css.com/" mce_href="http://www.52css.com/">CSS去除表格td默认间距及制作1px细线表格 </a> </ul> </body> </html>

 

 

你可能感兴趣的:(html,css,XHTML,table,Class,border)