CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  HTML(CSS)

如何用css控制table的边框宽度和边框颜色?

楼主cheyo(我爱这世界!)2004-05-04 09:26:16 在 Web 开发 / HTML(CSS) 提问

第一个代码可以正常得到1px边框宽度的表格,而第二个却不行,    
   
  第二个与第一个的区别仅仅是把<table>   中的     border="1"   bordercolor="#666666"    
   
  拿出来放到css里,变为:    
   
                  border-width:1px;    
                  border-color:#666666;    
   
  请问解决这个问题?     3Q    
   
  正常效果的代码:    
  -------------------------------------    
  <html>    
  <head>    
  <title>cheyo.YTHT.net</title>    
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">    
  <style   type="text/css">    
  <!--    
  .unnamed6   {    
                  margin:   0px;    
                  padding:   0px;    
                  width:   100%;    
                  border-collapse:   collapse;                
  }    
  -->    
  </style>    
  </head>    
   
  <body>    
  <div   align="center">    
      <p>&nbsp;     </p>    
  </div>    
      <table   border="1"   bordercolor="#666666"   class="unnamed6">    
   
  <tr><td>序号</td><td>状态</td><td>作者</td><td>日期</td></tr>    
   
  <tr><td>984</td><td></td>    
      <td><a   href=aaa>aaa</a></td><td><nobr>May     3   11:41</td>    
  <tr><td>985</td><td></td>    
      <td><a   href=aa>aaaa</a></td><td>May     3   11:41</td>    
  </table>    
  </body>    
  </html>    
  ------------------------------    
  不正常效果的代码:    
  ------------------------------    
  <html>    
  <head>    
  <title>cheyo.YTHT.net</title>    
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">    
  <style   type="text/css">    
  <!--    
  .unnamed6   {    
                  margin:   0px;    
                  padding:   0px;    
                  width:   100%;    
                  border-collapse:   collapse;    
                  border-width:1px;    
                  border-color:#666666;        
  }    
  -->    
  </style>    
  </head>    
   
  <body>    
  <div   align="center">    
      <p>&nbsp;     </p>    
  </div>    
      <table   class="unnamed6">    
   
  <tr><td>序号</td><td>状态</td><td>作者</td><td>日期</td></tr>    
   
  <tr><td>984</td><td></td>    
      <td><a   href=aaa>aaa</a></td><td><nobr>May     3   11:41</td>    
  <tr><td>985</td><td></td>    
      <td><a   href=aa>aaaa</a></td><td>May     3   11:41</td>    
  </table>    
  </body>    
  </html>    
  -----------------------------    
   
  问题点数:50、回复次数:6Top

1 楼huazhen9606()回复于 2004-05-04 09:29:39 得分 0

怎麼跑到這裡來哪,轉貼吧Top

2 楼ice_berg16(寻梦的稻草人)回复于 2004-05-04 14:11:37 得分 5

.unnamed6   {    
                  margin:   0px;    
                  padding:   0px;    
                  width:   100%;    
                  border:1px   solid   #666666  
  }    
  Top

3 楼cheyo(我爱这世界!)回复于 2004-05-04 14:26:49 得分 0

不行Top

4 楼52juanjuan(Fibona)回复于 2004-05-04 19:26:04 得分 10

borderColor='blue'  
   
  borderWidth='0.5cm'  
  这样行不行Top

5 楼52juanjuan(Fibona)回复于 2004-05-04 19:27:14 得分 0

脚本代码如下是可行的  
           this.style.borderWidth='0.5cm';  
                                    this.style.borderColor='blue';  
                                    this.style.borderStyle='solid'">Top

6 楼vsftpd(FireBird)回复于 2004-05-12 07:56:57 得分 35

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd">  
  <html>  
  <head>  
  <title>css控制table</title>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <style   type="text/css">  
  <!--  
  .table_Whole   {  
                  width:   400px;  
                  border-collapse:   collapse;  
  }  
  .table_Whole   td{  
                  background-color:   white;  
                  border:   1px   solid   #63AE08;  
  }  
  -->  
  </style>  
  </head>  
   
  <body>  
  <table   class="table_Whole">  
      <tr>  
          <td>fffffffffffg</td>  
          <td>gggggggggg</td>  
          <td>gggggfsdg</td>  
      </tr>  
      <tr>  
          <td>sdfgdfgdfg</td>  
          <td>gsdfgsdfg</td>  
          <td>gsdfgfdgdfsg</td>  
      </tr>  
      <tr>  
          <td>gdfsgdfgdfg</td>  
          <td>ggsdfgdfg</td>  
          <td>sgsdfgdfs</td>  
      </tr>  
  </table>  
  <p>&nbsp;</p>  
  </body>  
  </html>  
   
  Top

相关问题

  • 怎么定义table边框(border)的宽度?-在线急等
  • css制作表格边框
  • 如何用Win32Api获得窗口的边框宽度
  • 怎样使四周紫色边框宽度相等?
  • 请问如何用CSS控制只显示Table的水平线,而不显示垂直线和边框?
  • 怎样得到一个窗口的标题条宽度和其边框的宽度
  • 怎样在鼠标拖动其边框时改变TREEVIEW的宽度???
  • 在vb中如何通过拖动treeview的边框,来改变treeview的宽度
  • DataReport中的shape控件能否修改它的边框线的宽度?
  • 求API,要求取出窗口边框上下左右的宽度。

关键词

  • .net
  • 边框
  • may311

得分解答快速导航

  • 帖主:cheyo
  • ice_berg16
  • 52juanjuan
  • vsftpd

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo