CSSÁ´½ÓÒýÈë¾Ñé
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺´íÎóµÄ£º
½áÂÛ£º relÊÇRelationsµÄËõд Ö¸¹ØÁªµ½Ò»¸östylesheet£¨Ñùʽ±íµ¥) ÔÚ±êÇ©ÖУ¬“rel=stylesheet”£¬relÊǹØÁªµÄÒâ˼£¬¹ØÁªµÄÊÇÒ»¸öÑùʽ±í(stylesheet)Îĵµ£¬Ëü±íʾÕâ¸ölinkÔÚÎĵµ³õʼ»¯Ê±½«±»Ê¹Óá£ÇмÉ©дrel,·ñÔòÒýÈëµÄCSSÎÞЧ£¡
Ïà¹ØÎĵµ£º
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
......
×î½üµÄÃæÊÔÖÐ×ÜÊÇÎÊÎÒһЩä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬ËùÒÔÏÂÃæ×öÒ»¸ö×ܽ᣺
Ϊʲô»á³öÏÖÕâÖÖÏÖÏóÄØ£¿Ö÷Òª¾ÍÊÇÏñFirefoxÕâÑùä¯ÀÀÆ÷Á¼ºÃÖ§³ÖW3C±ê×¼£¬ÊÇĿǰ¶ÔCSSÖ§³Ö×îºÃµÄä¯ÀÀÆ÷£¬¶øieÊdzöÏֵıȽÏÔ磬ÔÚw3cÖ§³Ö·½Ãæ×öµÄÒ»Ö±²»ÊǺܺá£ÓкܶණÎ÷³öÏÖFFºÍIEÏÔʾ²»Ò»ÑùµÄ¸ù±¾ÔÒòÔÚÓÚËüÃǵÄĬÈÏÏÔʾ²»Ò»Ñù£¬¶øÕâ¸öĬÈÏÑùʽ¸ÃÈçºÎÏÔ ......
ÈÃtreeview²»ÏÔʾtdÍø¸ñÏß gridviewÏÔÊ¾Íø¸ñÏß
HTML
<style type="text/css">
TD
{
font-size: 9pt;
  ......
position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
body{position:relative; border:solid 1px #30F; height:600px; }
.box{ position:ab ......