2012-06-02 193 views
0

我需要添加右边框到我的每个asp:table列(我有3遍)。 下面的代码是表,但它只能放在整个表周围的边框:asp.net表格边框

style="border-left: 3px solid blue; border-right: 3px solid blue" 

如何将它添加到列,并自定义颜色?

回答

2

pOcHa了它与分配类的所有表。

要定义样式的具体命名表,你会使用ID选择:

/* Just named tables */ 
#Table1 td{ border-right:2px solid #00F;} 

CSS文件:

/* All tables */ 
table td{ border-right:2px solid #00F;} 

/* All tables with Rightborders class */ 
table.Rightborders td{ border-right:2px solid #00F;} 

/* Just named tables */ 
#Table1 td{ border-right:2px solid #00F;} 

代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<!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 runat="server"> 
    <title></title> 
    <link href="Styles.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:Table ID="Table1" CssClass="Rightborders" runat="server"> 
     <asp:TableRow> 
     <asp:TableCell>1</asp:TableCell> 
     <asp:TableCell>2</asp:TableCell> 
     <asp:TableCell>3</asp:TableCell> 
     </asp:TableRow> 
     </asp:Table> 
    </div> 
    </form> 
</body> 
</html> 

-J

+0

正是我想要的。谢谢 –

+0

并非所有的表格,只有那些具有'RightBorders'类别(查找CSS选择器)的表格,编辑它们以避免让人们感到困惑。 –

+0

确实如此。针对所有表格与已分配类别的表格进行了更新。 – MTAdmin

1

只需添加一个RightBorders CSS类你的表,并将其定义是这样的:

table.RightBorders td { border-right: 1px solid "custom color" } 
0
<style type="text/css"> 
    .tablecell 
    { 
     border-right:3px solid #bbb; 
    } 
</style> 


<asp:Table ID="Table1" runat="server"> 
    <asp:TableRow> 
     <asp:TableCell CssClass="tablecell">c1</asp:TableCell> 
     <asp:TableCell CssClass="tablecell">c2</asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell CssClass="tablecell">c1</asp:TableCell> 
     <asp:TableCell CssClass="tablecell">c2</asp:TableCell> 
    </asp:TableRow> 
</asp:Table> 
+0

通过这种方式,您可以通过删除该单元格中的“CssClass”来避免最后一列边框 – Darshana