CssʵÏÖ±í¸ñÆæżÐв»Í¬É«
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Ë«É«±í¸ñCSSʵÀý</title>
<style type="text/css">
#DataGrid1 tr {
background-color: expression(
this.sectionRowIndex == 0 ? "#FFCCCC" :
(
(this.sectionRowIndex % 2 == 0) ? "#FFF0F0" : "#F0F0FF"
)
);
color: expression(this.sectionRowIndex == 0 ? "#FFFFFF" : "");
font-weight: expression(this.sectionRowIndex == 0 ? "BOLD" : "");
TableSelect: expression(
this.sectionRowIndex == 0 ? "" :
(
onmouseover = function()
{
this.style.backgroundColor =
(
this.style.backgroundColor != "#69cdff" ? "#69cdff" :
(
this.sectionRowIndex == 0 ? "#FFCCCC" :
(
 
Ïà¹ØÎĵµ£º
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺
´íÎóµÄ£º
HTML´úÂ룺
½ñÌìµÄÈÕ×Ó
//CSS´úÂëʹÓÃÍⲿÒýÈëʽ
ÎҵļÒÏçÔÚ¿Àï
CSS´úÂ룺
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*ÒªµÄ¾ÍÊÇÕâÑùµÄЧ¹û£ºÉèÖÃ×ÖÌåÑÕɫΪºìÉ«*/
}
½á¹ûÏÔʾµÄ×ÖÌ ......
×¢£º±¾Ñ§Ï°±Ê¼ÇÖ»ÊÇ×Ô¼ºµÄһЩ±¸Íü£¬³õѧÕߵĶ«Î÷²»¾ßÓвο¼ÐÔ£¬Çëµ½W3School£¨http://www.w3school.com.cn/css/index.asp£©½øÐÐϵͳѧϰ¡£ ѧϰCSSÎÒʹÓõŤ¾ßÊÇVisual CSS£¬¿ÉÒÔʵÏÖͬ²½Ô¤ÀÀ£¬¿ìËÙѧϰ±à¼CSS¡£ 1.CSSµÄ×÷ÓãºÓÃÀ´¹æ¶¨ÍøÒ³ÖеÄÄÚÈݵÄÏÔʾ·½Ê½£¬±ÜÃâ¸øHTMLÔö¼ÓºÜ¶àµÄÊôÐÔ¶ø½«´úÂë±äµÃÓ·Öס£ 2.CSS ......
ÏÂÃæÊÇCSS×î³£ÓúÍʵÓõļ¼ÇÉ¡£
1.ÖØÖÃä¯ÀÀÆ÷µÄ×ÖÌå´óС
ÖØÖÃä¯ÀÀÆ÷µÄĬÈÏÖµ £¬È»ºóÖØÉèä¯ÀÀÆ÷
µÄ×ÖÌå´óСÄã¿ÉÒÔʹÓÃÑÅ»¢µÄÓû§½çÃæÖØÖÃ
µÄCSS·½°¸ £¬Èç¹ûÄã²»ÏëÏÂÔØ9MBµÄÎļþ£¬´úÂëÈçÏ£º
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td ......
×î½üµÄÃæÊÔÖÐ×ÜÊÇÎÊÎÒһЩä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬ËùÒÔÏÂÃæ×öÒ»¸ö×ܽ᣺
Ϊʲô»á³öÏÖÕâÖÖÏÖÏóÄØ£¿Ö÷Òª¾ÍÊÇÏñFirefoxÕâÑùä¯ÀÀÆ÷Á¼ºÃÖ§³ÖW3C±ê×¼£¬ÊÇÄ¿Ç°¶ÔCSSÖ§³Ö×îºÃµÄä¯ÀÀÆ÷£¬¶øieÊdzöÏֵıȽÏÔ磬ÔÚw3cÖ§³Ö·½Ãæ×öµÄÒ»Ö±²»ÊǺܺá£ÓкܶණÎ÷³öÏÖFFºÍIEÏÔʾ²»Ò»ÑùµÄ¸ù±¾ÔÒòÔÚÓÚËüÃǵÄĬÈÏÏÔʾ²»Ò»Ñù£¬¶øÕâ¸öĬÈÏÑùʽ¸ÃÈçºÎÏÔ ......
ÈÃtreeview²»ÏÔʾtdÍø¸ñÏß gridviewÏÔʾÍø¸ñÏß
HTML
<style type="text/css">
TD
{
font-size: 9pt;
  ......