请问怎么用CSS定义Table中的单元格的边框颜色

fantongwang 2008-07-14 08:18:25
请问怎么用CSS定义Table中的单元格的边框颜色
比如下面的： <table cellpadding="0" cellspacing="0" class="style1"
style="border-spacing: 0px; border-color: #C0C0C0" border="1">
<tr>
<td>
 </td>
<td>
 </td>
</tr>
<tr>
<td>
 </td>
<td>
 </td>
</tr>
</table>
只能定义出Table边框的颜色，不能设置出单元格边框的颜色。

如果方便的话，麻烦哪位大哥再帮忙解答一下怎么让 div 在页面主体上垂直居中
...全文
4476 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
泛泛之辈110 2009-10-10
  • 打赏
  • 举报
 回复
用margin 不就得了
toplee66 2009-08-14
  • 打赏
  • 举报
 回复
我也遇到这个问题了
fantongwang 2008-07-14
  • 打赏
  • 举报
 回复
感谢上面的所有兄弟，特别是xierfly，我在<table>中加入了cellpadding="0" cellspacing="0"再用前面的办法就解决了，就是这样:
<head runat="server">
<title>无标题页 </title>
<link href="Default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
table td
{
border:#C0C0C0 1px solid;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<table style="width:360px; text-align:left; border-color: #C0C0C0;" cellpadding="0" cellspacing="0" border="1">
<tr>
<td>用户名： </td>
<td>
<asp:TextBox ID="tbUserName" runat="server"> </asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="tbUserName" Display="Dynamic" ErrorMessage="用户名不能为空">* </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>密　码： </td>
<td>
<asp:TextBox ID="tbPwd" runat="server"> </asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="tbPwd" Display="Dynamic" ErrorMessage="密码不能为空">* </asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">
<asp:Button ID="btnSubmit" runat="server" Text="提交" />
</td>
</tr>
</table>
</div>
路人乙e 2008-07-14
  • 打赏
  • 举报
 回复

<table cellpadding=0 cellspacing=2 border=1 bordercolor=#ff0000>
skyaspnet 2008-07-14
  • 打赏
  • 举报
 回复 
  <table style="width:360px; text-align:left; border-color: #C0C0C0;" border="1"> 

                <tr> 

                    <td>用户名： </td> 

                    <td> 

                        <asp:TextBox ID="tbUserName" runat="server"> </asp:TextBox> 

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 

                            ControlToValidate="tbUserName" Display="Dynamic" ErrorMessage="用户名不能为空">* </asp:RequiredFieldValidator> 

                    </td> 

                </tr> 

                <tr> 

                    <td>密　码： </td> 

                    <td> 

                        <asp:TextBox ID="tbPwd" runat="server"> </asp:TextBox> 

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 

                            ControlToValidate="tbPwd" Display="Dynamic" ErrorMessage="密码不能为空">* </asp:RequiredFieldValidator> 

                    </td> 

                </tr> 

                <tr> 

                    <td colspan="2" style="text-align:center;"> 

                        <asp:Button ID="btnSubmit" runat="server" Text="提交" /> 

                    </td> 

                </tr> 

            </table>


改为：
  <table style="width:360px; text-align:left;"> 

                <tr> 

                    <td>用户名： </td> 

                    <td> 

                        <asp:TextBox ID="tbUserName" runat="server"> </asp:TextBox> 

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 

                            ControlToValidate="tbUserName" Display="Dynamic" ErrorMessage="用户名不能为空">* </asp:RequiredFieldValidator> 

                    </td> 

                </tr> 

                <tr> 

                    <td>密　码： </td> 

                    <td> 

                        <asp:TextBox ID="tbPwd" runat="server"> </asp:TextBox> 

                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 

                            ControlToValidate="tbPwd" Display="Dynamic" ErrorMessage="密码不能为空">* </asp:RequiredFieldValidator> 

                    </td> 

                </tr> 

                <tr> 

                    <td colspan="2" style="text-align:center;"> 

                        <asp:Button ID="btnSubmit" runat="server" Text="提交" /> 

                    </td> 

                </tr> 

            </table>
fantongwang 2008-07-14
  • 打赏
  • 举报
 回复
兄弟，你看我这样写的，但是还是不行，想要的样式还是没出来,单元格个表格都没有边框颜色显示出来
<head runat="server">
<title>无标题页</title>
<link href="Default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
table td
{
border:#C0C0C0 1px solid;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="wrapper">
<table style="width:360px; text-align:left; border-color: #C0C0C0;" border="1">
<tr>
<td>用户名：</td>
<td>
<asp:TextBox ID="tbUserName" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="tbUserName" Display="Dynamic" ErrorMessage="用户名不能为空">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>密　码：</td>
<td>
<asp:TextBox ID="tbPwd" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="tbPwd" Display="Dynamic" ErrorMessage="密码不能为空">*</asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td colspan="2" style="text-align:center;">
<asp:Button ID="btnSubmit" runat="server" Text="提交" />
</td>
</tr>
</table>
</div>
xierfly 2008-07-14
  • 打赏
  • 举报
 回复
也可以这样：tableid TD {border:#f3f9fd 1px solid;} 好多中方法的。
fantongwang 2008-07-14
  • 打赏
  • 举报
 回复
你是说在Table的class属性中加入.oprtTd1？但如果这样的话，你上面的COLOR: white不就把字体设成白色了？？ border-top:#036a95 4px solid VERTICAL-ALIGN: top;中 vertical-align:top是让Table中的文字都居顶显示？？..
Micao_tong 2008-07-14
  • 打赏
  • 举报
 回复
還有一種方法就是
建表的時候在編輯器中定義邊框的色彩。
Micao_tong 2008-07-14
  • 打赏
  • 举报
 回复
比如可以這樣定義呀
.oprtTd1 {
BORDER-RIGHT: #036a95 4px solid; border-top:#036a95 4px solid VERTICAL-ALIGN: top; WIDTH: 190px; COLOR: white;
}
然後在.net屬性中class這一欄中調用oprtTd1
table嵌套table边框样式
以上代码中，`.nested`类定义了外层表格的边框，`.inner`类清除了内层表格的边框，而`.nested td`和`.nested .inner td`分别设置了外层和内层表格单元格的边框颜色。 在实际项目中，你可能还需要考虑响应式设计，...
css+table 1px边框单元格
` 使得表格内的所有单元格边框被合并成一条边框，这样即使单元格相邻也不会出现多余的边框线条，保证了边框的一致性和简洁性。 ### HTML结构 下面展示了具体的HTML代码结构： ```html <!DOCTYPE html> ; ...
CSS.table.rar_Table_css table_table css_表格css
以下是一些关于"CSS.table.rar_Table_css table_table css_表格css"中涉及的关键知识点： 1. **表格元素基础**： - `<table>`：这是HTML中创建表格的基本标签，用于定义表格的结构。 - `<tr>`：表示表格行（Table...
CSS样式Table[6] - style-table
1. **选择器**: CSS中的选择器允许我们精确地定位到表格元素，如`table`、`tr`（行）、`td`（单元格）和`th`（表头）。我们可以为这些元素单独设置样式，例如`table {border-collapse: collapse;}`将合并所有相邻...
CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo
在网页设计中，CSS（Cascading Style Sheets）是一种用于定义HTML或XML（包括SVG、XHTML等）文档中元素外观、布局和结构的重要工具。本主题“CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo”...
.NET社区

62,177

社区成员

669,045

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章