亚洲国产精品va在线看黑人,国产伦精品一区二区三区视频,香港三日本8a三级少妇三级99

用作圖工具作一個(gè)漸變的長(zhǎng)度.看起來能好看一點(diǎn)(寬:187px;高15px)
本來設(shè)想是當(dāng)12%時(shí),圖片從左到12%的位置顯示,余下的88%不顯示,但不占地(看起來和1px的圖片底沒什么區(qū)別).下午時(shí)去網(wǎng)羅了一班.發(fā)現(xiàn)不占地是不太可能的.
要隱藏圖片余下的百分比,先想到了評(píng)分.亮和暗用了一張圖片,各占圖片總高度的一半.我寫下了:
div style="background:url(...) 12% left;width:187px;height:15px;">/div>
依次從10%-100%，見不到效果,換span>/span>這個(gè)是可以不過在盒子內(nèi)必須要有內(nèi)容.
昨天晚上沒寫出來.下午google了也沒有找到類4漸變的.不過從其中一個(gè)示例中得到了靈感.
URL:http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
中的:Complex CSS Bar Graph
馬上得到了這個(gè):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標(biāo)題文檔</title> <style type="text/css"> dl{margin:0;padding:0;width:187px;} dd{position:relative;display:block;float:left;width:187px;height:15px; margin:0;border:1px solid #eee;} * html dd{ float: none; } dd div{position:relative;background:url("../image/default/Percent.gif");height:15px;width:100%;text-align:right;} </style> </head> <body> <dl> <dd> <div style="width:5%;"></div> </dd> </dl> <dl> <dd> <div style="width:15%;"></div> </dd> </dl> <dl> <dd> <div style="width:25%;"><strong>55%</strong></div> </dd> </dl> <dl> <dd> <div style="width:35%;"><strong>55%</strong></div> </dd> </dl> <dl> <dd> <div style="width:45%;"><strong>55%</strong></div> </dd> </dl> <dl> <dd> <div style="width:55%;"><strong>55%</strong></div> </dd> </dl> <dl> <dd> <div style="width:65%;"><strong>65%</strong></div> </dd> </dl> <dl> <dd> <div style="width:75%;"><strong>75%</strong></div> </dd> </dl> <dl> <dd> <div style="width:85%;"><strong>85%</strong></div> </dd> </dl> <dl> <dd> <div style="width:95%;"><strong>95%</strong></div> </dd> </dl> <dl> <dd> <div style="width:100%;"><strong>100%</strong></div> </dd> </dl> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

有同需求的兄弟可以參考一下

標(biāo)簽：貴州混顯邵陽廣安萊蕪鶴壁賀州滄州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS漸變統(tǒng)計(jì)柱形圖》，本文關(guān)鍵詞 CSS,漸變,統(tǒng)計(jì),柱形圖,CSS,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。