我的Android进阶之旅------>Android颜色值（#AARRGGBB）透明度百分比和十六进制对应关系以及计算方法

版权声明：本文为【欧阳鹏】原创文章，欢迎转载，转载请注明出处! 【http://blog.csdn.net/ouyang_peng】

目录(?)[+]

• 我的Android进阶之旅——>Android颜色值(RGB)所支持的四种常见形式

透明度百分比和十六进制对应关系表格

透明度十六进制100%FF99%FC98%FA97%F796%F595%F294%F093%ED92%EB91%E890%E689%E388%E087%DE86%DB85%D984%D683%D482%D181%CF80%CC79%C978%C777%C476%C275%BF74%BD73%BA72%B871%B570%B369%B068%AD67%AB66%A865%A664%A363%A162%9E61%9C60%9959%9657%9456%9156%8F55%8C54%8A53%8752%8551%8250%8049%7D48%7A47%7846%7545%7344%7043%6E42%6B41%6940%6639%6338%6137%5E36%5C35%5934%5733%5432%5231%4F30%4D28%4A28%4727%4526%4225%4024%3D23%3B22%3821%3620%3319%3018%2E17%2B16%2915%2614%2413%2112%1F11%1C10%1A9%178%147%126%0F5%0D4%0A3%082%051%030%00

透明度百分比和十六进制对应关系计算方法

<code class="hljs perl has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">    <span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">@Test</span>    public void rgba() throws Exception {        System.out.println(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"透明度 | 十六进制"</span>);        System.out.println(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"---- | ----"</span>);        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">for</span> (double i = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>; i >= <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>; i -= <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>.<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">01</span>) {            i = Math.round(i * <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">100</span>) / <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">100.0</span>d;            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> alpha = (<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span>) Math.round(i * <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">255</span>);            String <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">hex</span> = Integer.toHexString(alpha).toUpperCase();            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">hex</span>.<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">length</span>() == <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>) <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">hex</span> = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"0"</span> + <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">hex</span>;            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> percent = (<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span>) (i * <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">100</span>);            System.out.println(String.<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">format</span>(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">%d</span><span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">%%</span> | <span class="hljs-variable" style="color: rgb(102, 0, 102); box-sizing: border-box;">%s</span>"</span>, percent, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">hex</span>));        }    }</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li></ul>

运行结果如下所示：

<code class="hljs 1c has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">透明度 <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 十六进制</span>---- <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| ----</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">100</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| FF</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">99</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| FC</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">98</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| FA</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">97</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| F7</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">96</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| F5</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">95</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| F2</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">94</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| F0</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">93</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| ED</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">92</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| EB</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">91</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| E8</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">90</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| E6</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">89</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| E3</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">88</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| E0</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">87</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| DE</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">86</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| DB</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">85</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| D9</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">84</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| D6</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">83</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| D4</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">82</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| D1</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">81</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| CF</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">80</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| CC</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">79</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| C9</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">78</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| C7</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">77</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| C4</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">76</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| C2</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">75</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| BF</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">74</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| BD</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">73</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| BA</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">72</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| B8</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">71</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| B5</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">70</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| B3</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">69</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| B0</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">68</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| AD</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">67</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| AB</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">66</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| A8</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">65</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| A6</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">64</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| A3</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">63</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| A1</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">62</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 9E</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">61</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 9C</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">60</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 99</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">59</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 96</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">57</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 94</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">56</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 91</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">56</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 8F</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">55</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 8C</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">54</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 8A</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">53</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 87</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">52</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 85</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">51</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 82</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">50</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 80</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">49</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 7D</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">48</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 7A</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">47</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 78</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">46</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 75</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">45</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 73</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">44</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 70</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">43</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 6E</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">42</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 6B</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">41</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 69</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">40</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 66</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">39</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 63</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">38</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 61</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">37</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 5E</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">36</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 5C</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">35</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 59</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">34</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 57</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">33</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 54</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">32</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 52</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">31</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 4F</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">30</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 4D</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">28</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 4A</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">28</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 47</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">27</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 45</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">26</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 42</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">25</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 40</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">24</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 3D</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">23</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 3B</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">22</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 38</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">21</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 36</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">20</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 33</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">19</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 30</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">18</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 2E</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">17</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 2B</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">16</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 29</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">15</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 26</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">14</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 24</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">13</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 21</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">12</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 1F</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">11</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 1C</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">10</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 1A</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">9</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 17</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">8</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 14</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">7</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 12</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">6</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 0F</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">5</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 0D</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">4</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 0A</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 08</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 05</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 03</span><span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>% <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">| 00</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li><li style="box-sizing: border-box; padding: 0px 5px;">39</li><li style="box-sizing: border-box; padding: 0px 5px;">40</li><li style="box-sizing: border-box; padding: 0px 5px;">41</li><li style="box-sizing: border-box; padding: 0px 5px;">42</li><li style="box-sizing: border-box; padding: 0px 5px;">43</li><li style="box-sizing: border-box; padding: 0px 5px;">44</li><li style="box-sizing: border-box; padding: 0px 5px;">45</li><li style="box-sizing: border-box; padding: 0px 5px;">46</li><li style="box-sizing: border-box; padding: 0px 5px;">47</li><li style="box-sizing: border-box; padding: 0px 5px;">48</li><li style="box-sizing: border-box; padding: 0px 5px;">49</li><li style="box-sizing: border-box; padding: 0px 5px;">50</li><li style="box-sizing: border-box; padding: 0px 5px;">51</li><li style="box-sizing: border-box; padding: 0px 5px;">52</li><li style="box-sizing: border-box; padding: 0px 5px;">53</li><li style="box-sizing: border-box; padding: 0px 5px;">54</li><li style="box-sizing: border-box; padding: 0px 5px;">55</li><li style="box-sizing: border-box; padding: 0px 5px;">56</li><li style="box-sizing: border-box; padding: 0px 5px;">57</li><li style="box-sizing: border-box; padding: 0px 5px;">58</li><li style="box-sizing: border-box; padding: 0px 5px;">59</li><li style="box-sizing: border-box; padding: 0px 5px;">60</li><li style="box-sizing: border-box; padding: 0px 5px;">61</li><li style="box-sizing: border-box; padding: 0px 5px;">62</li><li style="box-sizing: border-box; padding: 0px 5px;">63</li><li style="box-sizing: border-box; padding: 0px 5px;">64</li><li style="box-sizing: border-box; padding: 0px 5px;">65</li><li style="box-sizing: border-box; padding: 0px 5px;">66</li><li style="box-sizing: border-box; padding: 0px 5px;">67</li><li style="box-sizing: border-box; padding: 0px 5px;">68</li><li style="box-sizing: border-box; padding: 0px 5px;">69</li><li style="box-sizing: border-box; padding: 0px 5px;">70</li><li style="box-sizing: border-box; padding: 0px 5px;">71</li><li style="box-sizing: border-box; padding: 0px 5px;">72</li><li style="box-sizing: border-box; padding: 0px 5px;">73</li><li style="box-sizing: border-box; padding: 0px 5px;">74</li><li style="box-sizing: border-box; padding: 0px 5px;">75</li><li style="box-sizing: border-box; padding: 0px 5px;">76</li><li style="box-sizing: border-box; padding: 0px 5px;">77</li><li style="box-sizing: border-box; padding: 0px 5px;">78</li><li style="box-sizing: border-box; padding: 0px 5px;">79</li><li style="box-sizing: border-box; padding: 0px 5px;">80</li><li style="box-sizing: border-box; padding: 0px 5px;">81</li><li style="box-sizing: border-box; padding: 0px 5px;">82</li><li style="box-sizing: border-box; padding: 0px 5px;">83</li><li style="box-sizing: border-box; padding: 0px 5px;">84</li><li style="box-sizing: border-box; padding: 0px 5px;">85</li><li style="box-sizing: border-box; padding: 0px 5px;">86</li><li style="box-sizing: border-box; padding: 0px 5px;">87</li><li style="box-sizing: border-box; padding: 0px 5px;">88</li><li style="box-sizing: border-box; padding: 0px 5px;">89</li><li style="box-sizing: border-box; padding: 0px 5px;">90</li><li style="box-sizing: border-box; padding: 0px 5px;">91</li><li style="box-sizing: border-box; padding: 0px 5px;">92</li><li style="box-sizing: border-box; padding: 0px 5px;">93</li><li style="box-sizing: border-box; padding: 0px 5px;">94</li><li style="box-sizing: border-box; padding: 0px 5px;">95</li><li style="box-sizing: border-box; padding: 0px 5px;">96</li><li style="box-sizing: border-box; padding: 0px 5px;">97</li><li style="box-sizing: border-box; padding: 0px 5px;">98</li><li style="box-sizing: border-box; padding: 0px 5px;">99</li><li style="box-sizing: border-box; padding: 0px 5px;">100</li><li style="box-sizing: border-box; padding: 0px 5px;">101</li><li style="box-sizing: border-box; padding: 0px 5px;">102</li><li style="box-sizing: border-box; padding: 0px 5px;">103</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="box-sizing: border-box; position: absolute; height: 60px; right: 30px; top: 5px; color: rgb(255, 255, 255); cursor: pointer; z-index: 2;"><a target=_blank target="_blank" style="color: rgb(202, 0, 0); box-sizing: border-box;"><img src="http://static.blog.csdn.net/images/save_snippets.png" style="border: none; box-sizing: border-box; max-width: 100%;" alt="" /></a></div><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li><li style="box-sizing: border-box; padding: 0px 5px;">39</li><li style="box-sizing: border-box; padding: 0px 5px;">40</li><li style="box-sizing: border-box; padding: 0px 5px;">41</li><li style="box-sizing: border-box; padding: 0px 5px;">42</li><li style="box-sizing: border-box; padding: 0px 5px;">43</li><li style="box-sizing: border-box; padding: 0px 5px;">44</li><li style="box-sizing: border-box; padding: 0px 5px;">45</li><li style="box-sizing: border-box; padding: 0px 5px;">46</li><li style="box-sizing: border-box; padding: 0px 5px;">47</li><li style="box-sizing: border-box; padding: 0px 5px;">48</li><li style="box-sizing: border-box; padding: 0px 5px;">49</li><li style="box-sizing: border-box; padding: 0px 5px;">50</li><li style="box-sizing: border-box; padding: 0px 5px;">51</li><li style="box-sizing: border-box; padding: 0px 5px;">52</li><li style="box-sizing: border-box; padding: 0px 5px;">53</li><li style="box-sizing: border-box; padding: 0px 5px;">54</li><li style="box-sizing: border-box; padding: 0px 5px;">55</li><li style="box-sizing: border-box; padding: 0px 5px;">56</li><li style="box-sizing: border-box; padding: 0px 5px;">57</li><li style="box-sizing: border-box; padding: 0px 5px;">58</li><li style="box-sizing: border-box; padding: 0px 5px;">59</li><li style="box-sizing: border-box; padding: 0px 5px;">60</li><li style="box-sizing: border-box; padding: 0px 5px;">61</li><li style="box-sizing: border-box; padding: 0px 5px;">62</li><li style="box-sizing: border-box; padding: 0px 5px;">63</li><li style="box-sizing: border-box; padding: 0px 5px;">64</li><li style="box-sizing: border-box; padding: 0px 5px;">65</li><li style="box-sizing: border-box; padding: 0px 5px;">66</li><li style="box-sizing: border-box; padding: 0px 5px;">67</li><li style="box-sizing: border-box; padding: 0px 5px;">68</li><li style="box-sizing: border-box; padding: 0px 5px;">69</li><li style="box-sizing: border-box; padding: 0px 5px;">70</li><li style="box-sizing: border-box; padding: 0px 5px;">71</li><li style="box-sizing: border-box; padding: 0px 5px;">72</li><li style="box-sizing: border-box; padding: 0px 5px;">73</li><li style="box-sizing: border-box; padding: 0px 5px;">74</li><li style="box-sizing: border-box; padding: 0px 5px;">75</li><li style="box-sizing: border-box; padding: 0px 5px;">76</li><li style="box-sizing: border-box; padding: 0px 5px;">77</li><li style="box-sizing: border-box; padding: 0px 5px;">78</li><li style="box-sizing: border-box; padding: 0px 5px;">79</li><li style="box-sizing: border-box; padding: 0px 5px;">80</li><li style="box-sizing: border-box; padding: 0px 5px;">81</li><li style="box-sizing: border-box; padding: 0px 5px;">82</li><li style="box-sizing: border-box; padding: 0px 5px;">83</li><li style="box-sizing: border-box; padding: 0px 5px;">84</li><li style="box-sizing: border-box; padding: 0px 5px;">85</li><li style="box-sizing: border-box; padding: 0px 5px;">86</li><li style="box-sizing: border-box; padding: 0px 5px;">87</li><li style="box-sizing: border-box; padding: 0px 5px;">88</li><li style="box-sizing: border-box; padding: 0px 5px;">89</li><li style="box-sizing: border-box; padding: 0px 5px;">90</li><li style="box-sizing: border-box; padding: 0px 5px;">91</li><li style="box-sizing: border-box; padding: 0px 5px;">92</li><li style="box-sizing: border-box; padding: 0px 5px;">93</li><li style="box-sizing: border-box; padding: 0px 5px;">94</li><li style="box-sizing: border-box; padding: 0px 5px;">95</li><li style="box-sizing: border-box; padding: 0px 5px;">96</li><li style="box-sizing: border-box; padding: 0px 5px;">97</li><li style="box-sizing: border-box; padding: 0px 5px;">98</li><li style="box-sizing: border-box; padding: 0px 5px;">99</li><li style="box-sizing: border-box; padding: 0px 5px;">100</li><li style="box-sizing: border-box; padding: 0px 5px;">101</li><li style="box-sizing: border-box; padding: 0px 5px;">102</li><li style="box-sizing: border-box; padding: 0px 5px;">103</li></ul>

作者：欧阳鹏 欢迎转载，与人分享是进步的源泉！ 
转载请保留原文地址：http://blog.csdn.net/ouyang_peng