asp.net表格邊框

我需要添加右邊框到我的每個asp：table列（我有3遍）。下面的代碼是表，但它只能放在整個表周圍的邊框：asp.net表格邊框

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

如何將它添加到列，並自定義顏色？

來源

2012-06-02 sd_dracula

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

來源

2012-06-02 16:51:10 MTAdmin

正是我想要的。謝謝 –

並非所有的表格，只有那些具有'RightBorders'類別（查找CSS選擇器）的表格，編輯它們以避免讓人們感到困惑。 –

確實如此。針對所有表格與已分配類別的表格進行了更新。 – MTAdmin

只需添加一個RightBorders CSS類你的表，並將其定義是這樣的：

table.RightBorders td { border-right: 1px solid "custom color" }

來源

2012-06-02 15:55:23

<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>

來源

2012-06-02 17:27:25 Darshana

通過這種方式，您可以通過刪除該單元格中的「CssClass」來避免最後一列邊框 – Darshana

asp.net表格邊框

回答

相關問題