如何消除特定行中的最后一个边框,例如:
以下代码:
<style> //The CSS
.tdSpace {
background: #FFFFFF;
width:3px;
border:1px solid white;
}
.tdIzq { // I use this style to add space between two rows
background: #FFFFFF;
color: #333333;
font: small "arial";
border:1px solid white;
border-right:solid #E1E1E1;
border-left:solid #7AC142;
border-width:1px;
border-left-width:2px;
}
.tdIzq2 {
background: #FFFFFF;
color: #333333;
font: small "arial";
border:0px solid white;
border-right:solid #E1E1E1;
border-left:solid #7AC142;
border-width:1px;
border-left-width:2px;
text-align:right;
}
.tdSueldo {
background: #FFFFFF;
color: #333333;
font: small "arial";
border:1px solid white;
border-right:solid #7AC142;
border-left:solid #7AC142;
border-width:2px;
text-align:right;
}
.GvGrid tr:hover
{
background-color: #000;
font-family: Arial;
}
#GvGrid tr.rowHover:hover
{
background-color: Yellow;
font-family: Arial;
}
.GvGrid th {
background: #7AC142;
padding: 10px;
font-size:12px;
color:#FFFFFF;
border-collapse:collapse;
font-weight:bold;
width: 60px;
}
</style>
<asp:UpdatePanel ID="UPDatos" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table id="TblCom" runat="server" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:GridView ID="Gv" runat="server" AutoGenerateColumns="False" ClientIDMode="Static" RowStyle-CssClass="GvGrid" CellPadding="1">
<HeaderStyle CssClass="GvGrid" HorizontalAlign="Center" />
<Columns>
<asp:BoundField DataField="UTILIDAD_BRUTA" HeaderText="U.B." DataFormatString="{0:N2}">
<ItemStyle Width="100px" CssClass="tdDer"/>
</asp:BoundField>
<asp:BoundField>
<HeaderStyle BackColor="White" Width="1px" />
<ItemStyle CssClass="tdSeparador" />
</asp:BoundField>
<asp:BoundField DataField="TOTAL" HeaderText="COMISION MAYOR" DataFormatString="{0:N2}">
<ItemStyle Width="50px" CssClass="tdSueldo" />
</asp:BoundField>
<asp:BoundField>
<HeaderStyle BackColor="White" Width="1px" />
<ItemStyle CssClass="tdSeparador"/>
</asp:BoundField>
<asp:BoundField DataField="SALES" HeaderText="SALES" DataFormatString="{0:N2}">
<ItemStyle Width="70px" CssClass="tdIzq2" />
</asp:BoundField>
<asp:BoundField DataField="COM" HeaderText="COM" DataFormatString="{0:N2}">
<ItemStyle Width="70px" CssClass="tdDinero" />
</asp:BoundField>
<asp:BoundField DataField="TOTAL" HeaderText="TOTAL" DataFormatString="{0:N2}">
<ItemStyle Width="70px" CssClass="tdDer"/>
</asp:BoundField>
</Columns>
</asp:GridView>
<br />
</td>
</tr>
</table>
我需要消失的列只是= CssClass =&#34; tdSeparador&#34;中的最后一个<td>
border-bottom,我尝试使用下一个代码:
.tdSpace {
background-color: #FFFFFF;
border-bottom: 10px solid black;
border-right-style:solid;
border-left-style:solid;
}
问题在每个td都消失了,我附上了一张图片:
答案 0 :(得分:0)
尝试使用border-bottom:none;