Set HTML Table boder color using CSS

makumbi
 
on Sep 27, 2022 10:45 PM
Sample_205622.zip
296 Views

How can i put colors in table boders.

Download FREE API for Word, Excel and PDF in ASP.Net: Download
KasimA
 
on Sep 27, 2022 11:16 PM

Hi makumbi,

Please refer below sample.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .auto-style1 {
            width: 100%;
            border-style: hidden;
            border-width: 1px;
            background-color: firebrick;
        }

        .auto-style2 {
            background-color: #FFFFFF;
        }

        .auto-style3 {
            width: 81px;
            background-color: #FFFFFF;
        }

        .auto-style4 {
            width: 142px;
            background-color: #FFFFFF;
        }

        .auto-style6 {
            width: 243px;
            background-color: #FFFFFF;
        }

        .auto-style7 {
            width: 54px;
            background-color: #FFFFFF;
        }

        .auto-style8 {
            width: 179px;
            background-color: #FFFFFF;
        }

        .auto-style9 {
            width: 171px;
            background-color: #FFFFFF;
        }

        .auto-style10 {
            width: 180px;
            background-color: #FFFFFF;
        }

        .newStyle1 {
            background-color: #00FFFF;
        }
    </style>
</head>
<body style="width: 889px; height: 141px">
    <form id="form1" runat="server">
        <asp:Panel ID="Panel1" runat="server" Height="79px">
            <table cellpadding="2" class="auto-style1">
                <tr>
                    <td class="auto-style3">Patient No</td>
                    <td class="auto-style4">
                        <asp:Label ID="PatientNo" runat="server" Text="Patient No"></asp:Label>
                    </td>
                    <td class="auto-style9">Patient Name</td>
                    <td class="auto-style6" colspan="2">
                        <asp:Label ID="PatientName" runat="server" Text="Patient Name"></asp:Label>
                    </td>
                    <td class="auto-style7">Date</td>
                    <td class="auto-style2">
                        <asp:TextBox ID="Dates" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style3">&nbsp;Amount:</td>
                    <td class="auto-style4">
                        <asp:TextBox ID="Amount" runat="server"></asp:TextBox>
                    </td>
                    <td class="auto-style9">Ref No</td>
                    <td class="auto-style8">
                        <asp:TextBox ID="RefN" runat="server"></asp:TextBox>
                    </td>
                    <td class="auto-style10">Particulars</td>
                    <td class="auto-style2" colspan="2">
                        <asp:TextBox ID="Particulars" runat="server" Width="181px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style3">
                        <asp:Button ID="Button1" runat="server"  Text="Save Billing" />
                        <asp:Button ID="Button5" runat="server" Style="display: none;" />
                    </td>
                    <td class="auto-style4">&nbsp;</td>
                    <td class="auto-style9"><strong>Search Patient</strong></td>
                    <td class="auto-style6" colspan="2">
                        <asp:TextBox runat="server" Width="224px"></asp:TextBox>
                    </td>
                    <td class="auto-style2">Username</td>
                    <td class="auto-style2">
                        <asp:Label ID="Username" runat="server" Text="Username"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2" colspan="7">
                        <asp:GridView ID="StudentGrid" runat="server" AutoGenerateColumns="False">
                            <Columns>
                                <asp:BoundField DataField="admno" HeaderText="PatientNo" />
                                <asp:BoundField DataField="Name" HeaderText="Patient Name" />
                                <asp:BoundField DataField="STDTYPE" HeaderText="Patient Type" />
                                <asp:BoundField DataField="sex" HeaderText="Sex" />
                                <asp:BoundField DataField="Phone" HeaderText="Patient Contact" />
                                <asp:ButtonField CommandName="Select" HeaderText="Patient" ShowHeader="True" Text="Select" />
                            </Columns>
                        </asp:GridView>
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </form>
</body>
</html>

Screenshot