css ÉèÖúÃTD ͬʱ´æÔÚtreeviewÓëgridviewµÄʱºò
ÈÃtreeview²»ÏÔʾtdÍø¸ñÏß gridviewÏÔÊ¾Íø¸ñÏß
HTML
<style type="text/css">
TD
{
font-size: 9pt;
color: #000000;
font-family: ËÎÌå;
border-right: #6C9FDB 0px solid;
border-top: #6C9FDB 0px solid;
border-left: #6C9FDB 0px solid;
border-bottom: #6C9FDB 0px solid;
border-collapse: collapse;
}
</style>
.cs
protected void myDataGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Cells[0].Attributes.Add("style", "border:1px #6C9FDB");
e.Row.Cells[1].Attributes.Add("style", "border:1px #6C9FDB");
e.Row.Cells[2].Attributes.Add("style", "border:1px #6C9FDB");
e.Row.Cells[3].Attributes.Add("style", "border:1px #6C9FDB");
e.Row.Cells[4].Attributes.Add("style", "border:1px #6C9FDB");
&
Ïà¹ØÎĵµ£º
CSS ºÍ JavaScript ±êÇ© style ÊôÐÔ¶ÔÕÕ±í£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£© JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
cssʵÏÖ±³¾°ÀÉì ÖÆ×÷Ò³ÃæÊ±£¬ÓÐʱÐèÒªÔÚ±í¸ñÄÚ²åÈë±³¾°Í¼,ÎÒÃÇ¿ÉÒÔʹÓÃCSS½øÐпØÖÆ£¬´úÂ룺
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
ÆäÖУ¬./images/counter_bg.jpgΪÏÔʾͼƬ·¾¶¡£ ......
ninjacontent×é¼þÔÚÎÒµÄÍøÕ¾ÉÏÏÔʾ²»Õý³££¬ÏëÐÞ¸ÄËüµÄCSSʹÆäÕý³££¬¿ÉÊÇÔõôҲÕÒ²»µ½ËüµÄCSSµÄλÖã¬ÏÖÔÚÖÕÓÚÕÒµ½ÁË£¬ÌذÑËü¼Ç¼ÏÂÀ´£¬ÒÔ±¸ÓÐÓöµ½¸úÎÒÒ»ÑùÎÊÌâµÄÈ˲鿴¡£
CSSλÖãºÍøÕ¾¸ùĿ¼\media\com_ninjacontent\css\Ŀ¼Ï¡£ ......
ʵÏÖGridview±íÍ·¹Ì¶¨¿ÉÒÔͨ¹ýCSSÀ´ÊµÏÖ
½«GridView·Å½øÒ»¸öPanelÖУ¬È»ºóÉèÖÃPanel¿ÉÒÔÓÐÊú¹ö¶¯Ìõ(²Î¼ûÎÒµÄÁíһƪΪGridviewÉú³É¹ö¶¯Ìõ)¡£ÉèÖÃGridviewµÄStyleΪ<HeaderStyle CssClass="GridViewHeader" />
.GridViewHeader {
position:relative ;
tabl ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......