国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<p id="itgbk"></p>

首頁 > 開發 > CSS > 正文

CSS 進度條實現代碼

2024-07-11 08:43:57

字體：大中小

來源：轉載

供稿：網友

<style> #graphbox{ border:1px solid #e7e7e7; padding:10px; width:250px; background-color:#f8f8f8; margin:5px 0; } #graphbox h2{ color:#666666; font-family:Arial; font-size:18px; font-weight:700; } .graph{ position:relative; background-color:#F0EFEF; border:1px solid #cccccc; padding:2px; font-size:13px; font-weight:700; } .graph .orange, .green, .blue, .red, .black{ position:relative; text-align:left; color:#ffffff; height:18px; line-height:18px; font-family:Arial; display:block; } .graph .orange{background-color:#ff6600;} .graph .green{background-color:#66CC33;} .graph .blue{background-color:#3399CC;} .graph .red{background-color:red;} .graph .black{background-color:#555;} </style> <div id="graphbox"> <h2>BarGraphs Example</h2> <div class="graph"><span class="orange" style="width:35%;">orange:35%</span></div> <div class="graph"><span class="green" style="width:90%;">green:90%</span></div> <div class="graph"><span class="blue" style="width:75%;">blue:75%</span></div> <div class="graph"><span class="red" style="width:85%;">red:85%</span></div> <div class="graph"><span class="black" style="width:100%;">black:100%</span></div> </div>

提示：您可以先修改部分代碼再運行

上一篇：CSS Display與Visibility的不同

下一篇：CSS 樣式表書寫風格分析

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：东丽区| 宁化县| 万安县| 淳安县| 宜君县| 抚远县| 吉林省| 永清县| 松桃| 卢氏县| 福泉市| 通州市| 鄂州市| 都匀市| 隆昌县| 宜都市| 驻马店市| 林周县| 久治县| 高邑县| 永平县| 赤壁市| 望都县| 曲水县| 明光市| 长汀县| 尼玛县| 青海省| 青州市| 遂宁市| 贵南县| 潞西市| 沁源县| 卓资县| 阿尔山市| 循化| 碌曲县| 杭锦后旗| 兴宁市| 北辰区| 泾源县|

<p id="yluvr"><tr id="yluvr"></tr></p>

<td id="yluvr"></td>