表边界在灰色背景看起来白色

时间:2014-02-06 06:55:42

标签: html asp.net visual-studio-2012

我已经看过每一个帖子,似乎没有任何帮助。 HTML代码真的搞砸了,但是,我会在这里发布。我已经将所有边界都设置为无,但它看起来仍然是白色的,看起来很糟糕。

<style type="text/css">
    .auto-style4 {
        width: 114%;
        border: none;
    }

    .auto-style1 {
        width: 206px;
        text-align: right;
        border: none;
    }

    .auto-style2 {
        width: 935px;
        border: none;
    }

    .auto-style6 {
        width: 935px;
        text-align: center;
        background-color: #C0C0C0;
        border: none;
    }

    .auto-style7 {
        width: 198px;
        height: 23px;
        border: none;
    }

    .auto-style9 {
        height: 23px;
        border: none;
    }

    .auto-style10 {
        width: 198px;
        height: 196px;
        border: none;
    }

    .auto-style11 {
        width: 935px;
        text-align: left;
        height: 196px;
        border: none;
    }

    .auto-style12 {
        border: none;
    }

    .auto-style13 {
        width: 884px;
        text-align: left;
        height: 23px;
        background-color: #C0C0C0;
        border: none;
    }

    .auto-style15 {
        width: 198px;
        height: 30px;
        border: none;
    }

    .auto-style16 {
        border-color: inherit;
        border-width: 0;
        width: 935px;
        text-align: center;
        background-color: #C0C0C0;
        height: 30px;
        border: none;
    }

    .auto-style17 {
        height: 30px;
        border: none;
    }

    .auto-style19 {
        border-style: none;
        padding: 0px;
        width: 935px;
        text-align: center;
        background-color: #C0C0C0;
        height: 23px;
        border: none;
    }

    .auto-style20 {
        border-color: inherit;
        border-width: 0;
        width: 935px;
        text-align: center;
        background-color: #C0C0C0;
        border: none;
    }
</style>

下面是我的HTML代码搞砸了。

<div style="width: 1400px; margin: 0 auto;">
    <table class="auto-style4" border="0" cellspacing="0">
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style2">
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
            </td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style2"></td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style10"></td>
            <td class="auto-style11">
                <asp:Image ID="Image1" Height="218px" Width="935px" runat="server" />
            </td>
            <td class="auto-style12"></td>
        </tr>
        <tr>
            <td class="auto-style7"></td>
            <td class="auto-style19">
                <asp:Label ID="lblSlideshow" runat="server"></asp:Label>
            </td>
            <td class="auto-style9"></td>
        </tr>
        <tr>
            <td class="auto-style7"></td>
            <td class="auto-style19">
                <asp:Label ID="Label2" runat="server" ForeColor="#336699" Style="" Text="Schedule A Callback"></asp:Label>
            </td>
            <td class="auto-style9"></td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style20">&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style15"></td>
            <td class="auto-style16">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:Label ID="Label3" runat="server" Text="Name :"></asp:Label>
                &nbsp;<asp:TextBox ID="txtName" runat="server" Style="" Width="198px"></asp:TextBox>
                &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" ErrorMessage="Enter Name" ForeColor="Red">*</asp:RequiredFieldValidator>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            <td class="auto-style17"></td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style20">&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style20">
                <asp:Label ID="Label4" runat="server" Text="Contact No :"></asp:Label>
                <asp:TextBox ID="txtContact" runat="server" Width="198px" Style=""></asp:TextBox>
                &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtContact" ErrorMessage="Enter Contact No" ForeColor="Red">*</asp:RequiredFieldValidator>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
<asp:Label ID="Label7" runat="server" Text="Email :"></asp:Label>
                &nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<asp:TextBox ID="txtMail" runat="server" Style="" Width="198px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtMail" ErrorMessage="Enter Email" ForeColor="Red">*</asp:RequiredFieldValidator>
            </td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style20">&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td class="auto-style3">&nbsp;</td>
            <td class="auto-style20">
                <asp:Label ID="Label5" runat="server" Text="City :"></asp:Label>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:TextBox ID="txtCity" runat="server" Width="198px" Style=""></asp:TextBox>
                &nbsp;<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtCity" ErrorMessage="Enter City" ForeColor="Red">*</asp:RequiredFieldValidator>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:Label ID="Label8" runat="server" Text="State :"></asp:Label>
                &nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;<asp:DropDownList ID="DropDownList1" runat="server" Style="" Width="208px">
<asp:ListItem Value="Select">Select</asp:ListItem>
<asp:ListItem>Andhra Pradesh</asp:ListItem>

<asp:ListItem>West Bengal</asp:ListItem>
                </asp:DropDownList>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>
</div>

我的代码输出:

enter image description here

5 个答案:

答案 0 :(得分:1)

只需将所有边框颜色设置为灰色..

答案 1 :(得分:0)

试试这个......

border:none !important;

答案 2 :(得分:0)

在表格中添加 cellspacing =“0”,如下所述:

<table class="auto-style4" border="0"  cellspacing="0">

这将删除表格单元格之间的默认间距

答案 3 :(得分:0)

@Mash这不是边框问题..只需设置表背景颜色......像这样修改你的类

.auto-style4 {
        width: 114%;
        border:none;
        background-color: #C0C0C0;
    }

答案 4 :(得分:0)

试试这个......

替换代码..

.auto-style4 {
    width: 114%;
    border: none;
    border-spacing:0px;

}