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