郁闷！请前辈们帮忙！关于datagrid套用css的问题

我想让datagrid的表格显示成如下样子，我的样式表是这样定义的：
.dataGrid{
border-top:1px dotted #FFFFFF;
border-left:1px dotted #FFFFFF;
border-right:1px dotted #FFFFFF;
border-bottom:1px dotted #BBC5BA;
}然后让datagrid套用此样式结果只有最下边的那条线是这样显示的中间的线都还是一条直线，我在datagrid里这样写ItemStyle-CssClass="dataGrid"也不行。怎么解决？？？－－－－－－－－－－
第一条信息
－－－－－－－－－－
第二条信息
－－－－－－－－－－
第三条信息
－－－－－－－－－－

解决方案 »

  1.   

    看一下
    <cc1:liqdatagrid id="gridNews" runat="server" AllowPaging="True" DataKeyField="infoid" HorizontalAlign="Center" AllowSorting="True" PageSize="20" BorderWidth="1px" BorderColor="#2A88CD" AutoGenerateColumns="False" Width="100%">
    <PagerStyle Visible="False"></PagerStyle>
    <AlternatingItemStyle Height="30px" CssClass="HeadStyleOfDataGridAlternatingItemStyle"></AlternatingItemStyle>
    <FooterStyle ForeColor="#330099"></FooterStyle>
    <SelectedItemStyle Font-Bold="True"></SelectedItemStyle>
    <ItemStyle Height="30px" CssClass="HeadStyleOfDataGridItemStyle"></ItemStyle>
    <HeaderStyle HorizontalAlign="Center" Height="30px" ForeColor="Black" CssClass="HeadStyleOfDataGrid"></HeaderStyle>
      

  2.   

    可以写个类文件  专门设置datagird
      

  3.   

    试了不管用，代码如下：
    <asp:datagrid id="DataGrid2" runat="server" ShowHeader="False" CssClass="dataGrid" GridLines="Horizontal"
    ItemStyle-CssClass="dataGrid" Width="100%">
    <ItemStyle CssClass="dataGrid"></ItemStyle>
    <Columns>
    <asp:TemplateColumn>
    <ItemStyle HorizontalAlign="Center" Width="20px" CssClass="dataGrid"></ItemStyle>
    <ItemTemplate>
    <img src="images/dot2.gif">
    </ItemTemplate>
    </asp:TemplateColumn>
    </Columns>
    </asp:datagrid>
    只有模板列管用，这是为什么？？？
      

  4.   

    DataGrid的美化
    DataGrid应用样式文件定义动态样式
    在ASP.NET开发过程中，DataGrid使用的频率是非常高的，对于DataGrid的样式来说大家普遍使用的是自定义不同的颜色来应用于DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每个页面都要对上述样式逐个设置，工作效率可想而知了，估计一天也出不了几个页面，而且在VS.NET中一个最大的BUG就是当我们对已经定义好的DataGrid重新布置页面布局时，发觉其所有的事件会莫名其妙丢失。或许有时候我们只好使用VS.NET已经提供好的自动套用格式模板，但有时候我们必须，而且不由我们使用套用模板怎么办（比如客户的要求），下面我就讲解一下在DataGrid中应用样式文件来定义动态样式，这样就解决了当客户对一套颜色配套方案不满意时，可以花费几分钟的时间重新定义一套，是不是效率会提高很多。废话少说看看下面的css.css文件是怎么定义的 css.css文件内容： .dg_header 
    { 
    font-weight :bold ; 
    color:#FFFFCC; 
    background-color :#990000; 
    border-width: 2px; 
    border-color :#CC9966; 
    border-style :solid; } 
    .dg_alter 
    { 
    background-color :#FFE0C0; 
    border-left-color:Green; 
    border-width: 2px; 
    border-color :#CC9966; 
    border-style :solid; 
    } 
    .dg_item 
    { 
    color :#330099; 
    background-color:White ; 
    border-width:2px; 
    border-color :#CC9966; 
    border-style :solid; 
    } 
    .dg_page 
    { 
    border-width: 2px; 
    border-color :#CC9966; 
    border-style :solid; 
    } 接下来的工作就是要应用此样式文件到页面的DataGrid中了 首先在页面<HEAD></HEAD>之间插入下面的语句 <link href="css.css" type="text/css" rel="stylesheet"> 然后选择页面上的DataGrid，改变需要应用样式属性值的CssClass 例如： 
    点击HeaderStyle属性左边的十字打开选项，给CssClass应用样式dg_header 最后绑定DataGrid看看是不是样式已经应用上了，如果没有应用上有两种可能 1、去掉系统自动套用样式 2、察看css.css文件是否定义正确
    <HeaderStyle HorizontalAlign="Center" CssClass="dataTableHeader"></HeaderStyle>
    <ItemStyle HorizontalAlign="Center" Width="150px" CssClass="dataTableFieldInput"></ItemStyle>
    --------------------------------------------------------------.dataTableStyle
    {
    border-collapse :collapse;
    border-color : #111111;
    border : 0px;
    font-size : 9px;
    }
    .dataTableHeader
    {
    background: ButtonFace;
    border-style :ridge ;
    border-width : 1px;
    border-color : Black;
    font-size : 9pt;
    height : 25px;
    }
    .dataTableHeader td {
    border: 1px solid;
    border-color: ButtonHighlight ButtonShadow
    ButtonShadow ButtonHighlight;
    cursor: default;
    }.dataTableHeader td:active {
    border-color: ButtonShadow ButtonHighlight
    ButtonHighlight ButtonShadow;
    padding: 3px 4px 1px 6px;
    }
    .dataTableFieldPrompt
    {
    background-color :#DDDDDD;
    font-size: 9pt;
    cursor:hand;}
    .dataTableFieldInput
    {
    background-color :#EEEEEE;
    font-size: 9pt;
    cursor:hand;
    }