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");
&
Ïà¹ØÎĵµ£º
jspÒ³Ãæµ÷Óà <link type="text/css" rel="stylesheet" href="css/style.css"/>Ñùʽ±í
ÆäËûÑùʽ¶¼¿ÉÒÔÔÙÒ³ÃæÕý³£ÏÔʾ
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} ÏñÕâÑùµÄ±³¾°Í¼Æ¬Ñùʽ¾ÍÏÔʾ²»³öͼƬÊÇʲôÎÊÌ⣡ Myeclipse 6.5
ÔÚhtmlÖж¼¿ÉÒÔÏÔʾ ÔÚjspÖÐÏÔʾ ......
cssʵÏÖ±³¾°ÀÉì ÖÆ×÷Ò³ÃæÊ±£¬ÓÐʱÐèÒªÔÚ±í¸ñÄÚ²åÈë±³¾°Í¼,ÎÒÃÇ¿ÉÒÔʹÓÃCSS½øÐпØÖÆ£¬´úÂ룺
style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;"
ÆäÖУ¬./images/counter_bg.jpgΪÏÔʾͼƬ·¾¶¡£ ......
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
µ±Äã¿´µ½<input>Õâ¸öhtml±êÇ©µÄʱºò£¬Äã»áÏ뵽ʲô£¿Ò»¸öÎı¾¿ò£¿Ò»¸ö°´Å¥£¿Ò»¸öµ¥Ñ¡¿ò£¿Ò»¸ö¸´Ñ¡¿ò£¿……¶Ô£¬¶Ô£¬¶Ô£¬ËüÃǶ¼¶Ô¡£Ò²ÐíÄã¿ÉÄÜÏë²»µ½£¬Õâ¸öССµÄinput¾¹È»¿ÉÒÔ´´Ôì³ö10¸ö²»Í¬µÄ¶«Î÷£¬ÏÂÃæÊǸöÁÐ±í£¬¿´¿´£¬ÄÄЩÊÇÄãûÓÐÏëµ½µÄ£º
<input type="text" /> Îı¾¿ò
<input type="p ......
Data visualization is mostly achieved with flash applications or
with help of some programming languages. Are those solutions the only
way to present, let's say simple data chart? How about giving it a try
with nothing but good ol' css?
Take a look at the Demo
| Download Css Chart
Approach
......