联系电话 (+86) 0592-6892551 繁體
  • 当前位置: 首页 / 建站百科 / 网站建设
  • 网站建设之Font Awesome图标库应用

    时间:2019-04-20 浏览量:

    当你已经知道 如何开始使用Font Awesome之后, 你就可以用<i>标签包裹起来,用到你网站的任何地方。这里的一些例子也是来自于 Bootstrap文档.

    下面的例子仍然很简单 假如你使用Font Awesome CDN,它提供自动辅助功能的支持。如果你不使用FontAwesome CDN,请参见手动设置可访问性的例子和了解更多关于让你的图标看起来更酷。

     例如: 默认图标fa-camera-retro

    你可以通过设置CSS前缀fa和图标的具体名称,来把Font Awesome 图标放在任意位置。Font Awesome 被设计为用于行内元素(我们喜欢用更简短的<i>标签,它的语义更加精准)。

    <i class="fa fa-camera-retro"></i> fa-camera-retro
    • 例如: 默认图标如果您修改了图标容器的字体大小,图标大小会随之改变。同样也适用于颜色,阴影,阴影等其它任何CSS支持的效果上。

     fa-lg

     fa-2x

     fa-3x

     fa-4x

     fa-5x

    为了增加图标大小相对于它们的容器, 使用 fa-lg (33% 递增), fa-2xfa-3xfa-4x, 或 fa-5x classes.

    <i class="fa fa-camera-retro fa-lg"></i> fa-lg<i class="fa fa-camera-retro fa-2x"></i> fa-2x<i class="fa fa-camera-retro fa-3x"></i> fa-3x<i class="fa fa-camera-retro fa-4x"></i> fa-4x<i class="fa fa-camera-retro fa-5x"></i> fa-5x
    • 如果你的图标顶部和底部被裁剪掉,请确保你有足够的行高。

      首页  关于我们  后台应用编辑  系统设置

    使用 fa-fw 来设置图标在一个固定宽度内,主要用于不同宽度图标无法对齐的情况,尤其在列表或导航时起到重要作用。

    <div class="list-group">
      <a class="list-group-item" href="#"><i class="fa fa-home fa-fw" aria-hidden="true"></i>&nbsp; 首页</a>
      <a class="list-group-item" href="#"><i class="fa fa-book fa-fw" aria-hidden="true"></i>&nbsp; 关于我们</a>
      <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw" aria-hidden="true"></i>&nbsp; 后台应用编辑</a>
      <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw" aria-hidden="true"></i>&nbsp; 系统设置</a></div>
    ol,ul{margin:0;pading:0;width:95%}li{clear:both;}li.list-cn-1-0{background-image:url(http://bs.baidu.com/listicon/list-cn-1-0.gif)} li.list-cn-1-1{background-image:url(http://bs.baidu.com/listicon/list-cn-1-1.gif)} li.list-cn-1-2{background-image:url(http://bs.baidu.com/listicon/list-cn-1-2.gif)} li.list-cn-1-3{background-image:url(http://bs.baidu.com/listicon/list-cn-1-3.gif)} li.list-cn-1-4{background-image:url(http://bs.baidu.com/listicon/list-cn-1-4.gif)} li.list-cn-1-5{background-image:url(http://bs.baidu.com/listicon/list-cn-1-5.gif)} li.list-cn-1-6{background-image:url(http://bs.baidu.com/listicon/list-cn-1-6.gif)} li.list-cn-1-7{background-image:url(http://bs.baidu.com/listicon/list-cn-1-7.gif)} li.list-cn-1-8{background-image:url(http://bs.baidu.com/listicon/list-cn-1-8.gif)} li.list-cn-1-9{background-image:url(http://bs.baidu.com/listicon/list-cn-1-9.gif)} li.list-cn-1-10{background-image:url(http://bs.baidu.com/listicon/list-cn-1-10.gif)} li.list-cn-1-11{background-image:url(http://bs.baidu.com/listicon/list-cn-1-11.gif)} li.list-cn-1-12{background-image:url(http://bs.baidu.com/listicon/list-cn-1-12.gif)} li.list-cn-1-13{background-image:url(http://bs.baidu.com/listicon/list-cn-1-13.gif)} li.list-cn-1-14{background-image:url(http://bs.baidu.com/listicon/list-cn-1-14.gif)} li.list-cn-1-15{background-image:url(http://bs.baidu.com/listicon/list-cn-1-15.gif)} li.list-cn-1-16{background-image:url(http://bs.baidu.com/listicon/list-cn-1-16.gif)} li.list-cn-1-17{background-image:url(http://bs.baidu.com/listicon/list-cn-1-17.gif)} li.list-cn-1-18{background-image:url(http://bs.baidu.com/listicon/list-cn-1-18.gif)} li.list-cn-1-19{background-image:url(http://bs.baidu.com/listicon/list-cn-1-19.gif)} li.list-cn-1-20{background-image:url(http://bs.baidu.com/listicon/list-cn-1-20.gif)} li.list-cn-1-21{background-image:url(http://bs.baidu.com/listicon/list-cn-1-21.gif)} li.list-cn-1-22{background-image:url(http://bs.baidu.com/listicon/list-cn-1-22.gif)} li.list-cn-1-23{background-image:url(http://bs.baidu.com/listicon/list-cn-1-23.gif)} li.list-cn-1-24{background-image:url(http://bs.baidu.com/listicon/list-cn-1-24.gif)} li.list-cn-1-25{background-image:url(http://bs.baidu.com/listicon/list-cn-1-25.gif)} li.list-cn-1-26{background-image:url(http://bs.baidu.com/listicon/list-cn-1-26.gif)} li.list-cn-1-27{background-image:url(http://bs.baidu.com/listicon/list-cn-1-27.gif)} li.list-cn-1-28{background-image:url(http://bs.baidu.com/listicon/list-cn-1-28.gif)} li.list-cn-1-29{background-image:url(http://bs.baidu.com/listicon/list-cn-1-29.gif)} li.list-cn-1-30{background-image:url(http://bs.baidu.com/listicon/list-cn-1-30.gif)} li.list-cn-1-31{background-image:url(http://bs.baidu.com/listicon/list-cn-1-31.gif)} li.list-cn-1-32{background-image:url(http://bs.baidu.com/listicon/list-cn-1-32.gif)} li.list-cn-1-33{background-image:url(http://bs.baidu.com/listicon/list-cn-1-33.gif)} li.list-cn-1-34{background-image:url(http://bs.baidu.com/listicon/list-cn-1-34.gif)} li.list-cn-1-35{background-image:url(http://bs.baidu.com/listicon/list-cn-1-35.gif)} li.list-cn-1-36{background-image:url(http://bs.baidu.com/listicon/list-cn-1-36.gif)} li.list-cn-1-37{background-image:url(http://bs.baidu.com/listicon/list-cn-1-37.gif)} li.list-cn-1-38{background-image:url(http://bs.baidu.com/listicon/list-cn-1-38.gif)} li.list-cn-1-39{background-image:url(http://bs.baidu.com/listicon/list-cn-1-39.gif)} li.list-cn-1-40{background-image:url(http://bs.baidu.com/listicon/list-cn-1-40.gif)} li.list-cn-1-41{background-image:url(http://bs.baidu.com/listicon/list-cn-1-41.gif)} li.list-cn-1-42{background-image:url(http://bs.baidu.com/listicon/list-cn-1-42.gif)} li.list-cn-1-43{background-image:url(http://bs.baidu.com/listicon/list-cn-1-43.gif)} li.list-cn-1-44{background-image:url(http://bs.baidu.com/listicon/list-cn-1-44.gif)} li.list-cn-1-45{background-image:url(http://bs.baidu.com/listicon/list-cn-1-45.gif)} li.list-cn-1-46{background-image:url(http://bs.baidu.com/listicon/list-cn-1-46.gif)} li.list-cn-1-47{background-image:url(http://bs.baidu.com/listicon/list-cn-1-47.gif)} li.list-cn-1-48{background-image:url(http://bs.baidu.com/listicon/list-cn-1-48.gif)} li.list-cn-1-49{background-image:url(http://bs.baidu.com/listicon/list-cn-1-49.gif)} li.list-cn-1-50{background-image:url(http://bs.baidu.com/listicon/list-cn-1-50.gif)} li.list-cn-1-51{background-image:url(http://bs.baidu.com/listicon/list-cn-1-51.gif)} li.list-cn-1-52{background-image:url(http://bs.baidu.com/listicon/list-cn-1-52.gif)} li.list-cn-1-53{background-image:url(http://bs.baidu.com/listicon/list-cn-1-53.gif)} li.list-cn-1-54{background-image:url(http://bs.baidu.com/listicon/list-cn-1-54.gif)} li.list-cn-1-55{background-image:url(http://bs.baidu.com/listicon/list-cn-1-55.gif)} li.list-cn-1-56{background-image:url(http://bs.baidu.com/listicon/list-cn-1-56.gif)} li.list-cn-1-57{background-image:url(http://bs.baidu.com/listicon/list-cn-1-57.gif)} li.list-cn-1-58{background-image:url(http://bs.baidu.com/listicon/list-cn-1-58.gif)} li.list-cn-1-59{background-image:url(http://bs.baidu.com/listicon/list-cn-1-59.gif)} li.list-cn-1-60{background-image:url(http://bs.baidu.com/listicon/list-cn-1-60.gif)} li.list-cn-1-61{background-image:url(http://bs.baidu.com/listicon/list-cn-1-61.gif)} li.list-cn-1-62{background-image:url(http://bs.baidu.com/listicon/list-cn-1-62.gif)} li.list-cn-1-63{background-image:url(http://bs.baidu.com/listicon/list-cn-1-63.gif)} li.list-cn-1-64{background-image:url(http://bs.baidu.com/listicon/list-cn-1-64.gif)} li.list-cn-1-65{background-image:url(http://bs.baidu.com/listicon/list-cn-1-65.gif)} li.list-cn-1-66{background-image:url(http://bs.baidu.com/listicon/list-cn-1-66.gif)} li.list-cn-1-67{background-image:url(http://bs.baidu.com/listicon/list-cn-1-67.gif)} li.list-cn-1-68{background-image:url(http://bs.baidu.com/listicon/list-cn-1-68.gif)} li.list-cn-1-69{background-image:url(http://bs.baidu.com/listicon/list-cn-1-69.gif)} li.list-cn-1-70{background-image:url(http://bs.baidu.com/listicon/list-cn-1-70.gif)} li.list-cn-1-71{background-image:url(http://bs.baidu.com/listicon/list-cn-1-71.gif)} li.list-cn-1-72{background-image:url(http://bs.baidu.com/listicon/list-cn-1-72.gif)} li.list-cn-1-73{background-image:url(http://bs.baidu.com/listicon/list-cn-1-73.gif)} li.list-cn-1-74{background-image:url(http://bs.baidu.com/listicon/list-cn-1-74.gif)} li.list-cn-1-75{background-image:url(http://bs.baidu.com/listicon/list-cn-1-75.gif)} li.list-cn-1-76{background-image:url(http://bs.baidu.com/listicon/list-cn-1-76.gif)} li.list-cn-1-77{background-image:url(http://bs.baidu.com/listicon/list-cn-1-77.gif)} li.list-cn-1-78{background-image:url(http://bs.baidu.com/listicon/list-cn-1-78.gif)} li.list-cn-1-79{background-image:url(http://bs.baidu.com/listicon/list-cn-1-79.gif)} li.list-cn-1-80{background-image:url(http://bs.baidu.com/listicon/list-cn-1-80.gif)} li.list-cn-1-81{background-image:url(http://bs.baidu.com/listicon/list-cn-1-81.gif)} li.list-cn-1-82{background-image:url(http://bs.baidu.com/listicon/list-cn-1-82.gif)} li.list-cn-1-83{background-image:url(http://bs.baidu.com/listicon/list-cn-1-83.gif)} li.list-cn-1-84{background-image:url(http://bs.baidu.com/listicon/list-cn-1-84.gif)} li.list-cn-1-85{background-image:url(http://bs.baidu.com/listicon/list-cn-1-85.gif)} li.list-cn-1-86{background-image:url(http://bs.baidu.com/listicon/list-cn-1-86.gif)} li.list-cn-1-87{background-image:url(http://bs.baidu.com/listicon/list-cn-1-87.gif)} li.list-cn-1-88{background-image:url(http://bs.baidu.com/listicon/list-cn-1-88.gif)} li.list-cn-1-89{background-image:url(http://bs.baidu.com/listicon/list-cn-1-89.gif)} li.list-cn-1-90{background-image:url(http://bs.baidu.com/listicon/list-cn-1-90.gif)} li.list-cn-1-91{background-image:url(http://bs.baidu.com/listicon/list-cn-1-91.gif)} li.list-cn-1-92{background-image:url(http://bs.baidu.com/listicon/list-cn-1-92.gif)} li.list-cn-1-93{background-image:url(http://bs.baidu.com/listicon/list-cn-1-93.gif)} li.list-cn-1-94{background-image:url(http://bs.baidu.com/listicon/list-cn-1-94.gif)} li.list-cn-1-95{background-image:url(http://bs.baidu.com/listicon/list-cn-1-95.gif)} li.list-cn-1-96{background-image:url(http://bs.baidu.com/listicon/list-cn-1-96.gif)} li.list-cn-1-97{background-image:url(http://bs.baidu.com/listicon/list-cn-1-97.gif)} li.list-cn-1-98{background-image:url(http://bs.baidu.com/listicon/list-cn-1-98.gif)} ol.custom_cn{list-style:none;}ol.custom_cn li{background-position:0 3px;background-repeat:no-repeat} li.list-cn-paddingleft-1{padding-left:25px} li.list-cn-paddingleft-2{padding-left:40px} li.list-cn-paddingleft-3{padding-left:55px} li.list-cn-2-0{background-image:url(http://bs.baidu.com/listicon/list-cn-2-0.gif)} li.list-cn-2-1{background-image:url(http://bs.baidu.com/listicon/list-cn-2-1.gif)} li.list-cn-2-2{background-image:url(http://bs.baidu.com/listicon/list-cn-2-2.gif)} li.list-cn-2-3{background-image:url(http://bs.baidu.com/listicon/list-cn-2-3.gif)} li.list-cn-2-4{background-image:url(http://bs.baidu.com/listicon/list-cn-2-4.gif)} li.list-cn-2-5{background-image:url(http://bs.baidu.com/listicon/list-cn-2-5.gif)} li.list-cn-2-6{background-image:url(http://bs.baidu.com/listicon/list-cn-2-6.gif)} li.list-cn-2-7{background-image:url(http://bs.baidu.com/listicon/list-cn-2-7.gif)} li.list-cn-2-8{background-image:url(http://bs.baidu.com/listicon/list-cn-2-8.gif)} li.list-cn-2-9{background-image:url(http://bs.baidu.com/listicon/list-cn-2-9.gif)} li.list-cn-2-10{background-image:url(http://bs.baidu.com/listicon/list-cn-2-10.gif)} li.list-cn-2-11{background-image:url(http://bs.baidu.com/listicon/list-cn-2-11.gif)} li.list-cn-2-12{background-image:url(http://bs.baidu.com/listicon/list-cn-2-12.gif)} li.list-cn-2-13{background-image:url(http://bs.baidu.com/listicon/list-cn-2-13.gif)} li.list-cn-2-14{background-image:url(http://bs.baidu.com/listicon/list-cn-2-14.gif)} li.list-cn-2-15{background-image:url(http://bs.baidu.com/listicon/list-cn-2-15.gif)} li.list-cn-2-16{background-image:url(http://bs.baidu.com/listicon/list-cn-2-16.gif)} li.list-cn-2-17{background-image:url(http://bs.baidu.com/listicon/list-cn-2-17.gif)} li.list-cn-2-18{background-image:url(http://bs.baidu.com/listicon/list-cn-2-18.gif)} li.list-cn-2-19{background-image:url(http://bs.baidu.com/listicon/list-cn-2-19.gif)} li.list-cn-2-20{background-image:url(http://bs.baidu.com/listicon/list-cn-2-20.gif)} li.list-cn-2-21{background-image:url(http://bs.baidu.com/listicon/list-cn-2-21.gif)} li.list-cn-2-22{background-image:url(http://bs.baidu.com/listicon/list-cn-2-22.gif)} li.list-cn-2-23{background-image:url(http://bs.baidu.com/listicon/list-cn-2-23.gif)} li.list-cn-2-24{background-image:url(http://bs.baidu.com/listicon/list-cn-2-24.gif)} li.list-cn-2-25{background-image:url(http://bs.baidu.com/listicon/list-cn-2-25.gif)} li.list-cn-2-26{background-image:url(http://bs.baidu.com/listicon/list-cn-2-26.gif)} li.list-cn-2-27{background-image:url(http://bs.baidu.com/listicon/list-cn-2-27.gif)} li.list-cn-2-28{background-image:url(http://bs.baidu.com/listicon/list-cn-2-28.gif)} li.list-cn-2-29{background-image:url(http://bs.baidu.com/listicon/list-cn-2-29.gif)} li.list-cn-2-30{background-image:url(http://bs.baidu.com/listicon/list-cn-2-30.gif)} li.list-cn-2-31{background-image:url(http://bs.baidu.com/listicon/list-cn-2-31.gif)} li.list-cn-2-32{background-image:url(http://bs.baidu.com/listicon/list-cn-2-32.gif)} li.list-cn-2-33{background-image:url(http://bs.baidu.com/listicon/list-cn-2-33.gif)} li.list-cn-2-34{background-image:url(http://bs.baidu.com/listicon/list-cn-2-34.gif)} li.list-cn-2-35{background-image:url(http://bs.baidu.com/listicon/list-cn-2-35.gif)} li.list-cn-2-36{background-image:url(http://bs.baidu.com/listicon/list-cn-2-36.gif)} li.list-cn-2-37{background-image:url(http://bs.baidu.com/listicon/list-cn-2-37.gif)} li.list-cn-2-38{background-image:url(http://bs.baidu.com/listicon/list-cn-2-38.gif)} li.list-cn-2-39{background-image:url(http://bs.baidu.com/listicon/list-cn-2-39.gif)} li.list-cn-2-40{background-image:url(http://bs.baidu.com/listicon/list-cn-2-40.gif)} li.list-cn-2-41{background-image:url(http://bs.baidu.com/listicon/list-cn-2-41.gif)} li.list-cn-2-42{background-image:url(http://bs.baidu.com/listicon/list-cn-2-42.gif)} li.list-cn-2-43{background-image:url(http://bs.baidu.com/listicon/list-cn-2-43.gif)} li.list-cn-2-44{background-image:url(http://bs.baidu.com/listicon/list-cn-2-44.gif)} li.list-cn-2-45{background-image:url(http://bs.baidu.com/listicon/list-cn-2-45.gif)} li.list-cn-2-46{background-image:url(http://bs.baidu.com/listicon/list-cn-2-46.gif)} li.list-cn-2-47{background-image:url(http://bs.baidu.com/listicon/list-cn-2-47.gif)} li.list-cn-2-48{background-image:url(http://bs.baidu.com/listicon/list-cn-2-48.gif)} li.list-cn-2-49{background-image:url(http://bs.baidu.com/listicon/list-cn-2-49.gif)} li.list-cn-2-50{background-image:url(http://bs.baidu.com/listicon/list-cn-2-50.gif)} li.list-cn-2-51{background-image:url(http://bs.baidu.com/listicon/list-cn-2-51.gif)} li.list-cn-2-52{background-image:url(http://bs.baidu.com/listicon/list-cn-2-52.gif)} li.list-cn-2-53{background-image:url(http://bs.baidu.com/listicon/list-cn-2-53.gif)} li.list-cn-2-54{background-image:url(http://bs.baidu.com/listicon/list-cn-2-54.gif)} li.list-cn-2-55{background-image:url(http://bs.baidu.com/listicon/list-cn-2-55.gif)} li.list-cn-2-56{background-image:url(http://bs.baidu.com/listicon/list-cn-2-56.gif)} li.list-cn-2-57{background-image:url(http://bs.baidu.com/listicon/list-cn-2-57.gif)} li.list-cn-2-58{background-image:url(http://bs.baidu.com/listicon/list-cn-2-58.gif)} li.list-cn-2-59{background-image:url(http://bs.baidu.com/listicon/list-cn-2-59.gif)} li.list-cn-2-60{background-image:url(http://bs.baidu.com/listicon/list-cn-2-60.gif)} li.list-cn-2-61{background-image:url(http://bs.baidu.com/listicon/list-cn-2-61.gif)} li.list-cn-2-62{background-image:url(http://bs.baidu.com/listicon/list-cn-2-62.gif)} li.list-cn-2-63{background-image:url(http://bs.baidu.com/listicon/list-cn-2-63.gif)} li.list-cn-2-64{background-image:url(http://bs.baidu.com/listicon/list-cn-2-64.gif)} li.list-cn-2-65{background-image:url(http://bs.baidu.com/listicon/list-cn-2-65.gif)} li.list-cn-2-66{background-image:url(http://bs.baidu.com/listicon/list-cn-2-66.gif)} li.list-cn-2-67{background-image:url(http://bs.baidu.com/listicon/list-cn-2-67.gif)} li.list-cn-2-68{background-image:url(http://bs.baidu.com/listicon/list-cn-2-68.gif)} li.list-cn-2-69{background-image:url(http://bs.baidu.com/listicon/list-cn-2-69.gif)} li.list-cn-2-70{background-image:url(http://bs.baidu.com/listicon/list-cn-2-70.gif)} li.list-cn-2-71{background-image:url(http://bs.baidu.com/listicon/list-cn-2-71.gif)} li.list-cn-2-72{background-image:url(http://bs.baidu.com/listicon/list-cn-2-72.gif)} li.list-cn-2-73{background-image:url(http://bs.baidu.com/listicon/list-cn-2-73.gif)} li.list-cn-2-74{background-image:url(http://bs.baidu.com/listicon/list-cn-2-74.gif)} li.list-cn-2-75{background-image:url(http://bs.baidu.com/listicon/list-cn-2-75.gif)} li.list-cn-2-76{background-image:url(http://bs.baidu.com/listicon/list-cn-2-76.gif)} li.list-cn-2-77{background-image:url(http://bs.baidu.com/listicon/list-cn-2-77.gif)} li.list-cn-2-78{background-image:url(http://bs.baidu.com/listicon/list-cn-2-78.gif)} li.list-cn-2-79{background-image:url(http://bs.baidu.com/listicon/list-cn-2-79.gif)} li.list-cn-2-80{background-image:url(http://bs.baidu.com/listicon/list-cn-2-80.gif)} li.list-cn-2-81{background-image:url(http://bs.baidu.com/listicon/list-cn-2-81.gif)} li.list-cn-2-82{background-image:url(http://bs.baidu.com/listicon/list-cn-2-82.gif)} li.list-cn-2-83{background-image:url(http://bs.baidu.com/listicon/list-cn-2-83.gif)} li.list-cn-2-84{background-image:url(http://bs.baidu.com/listicon/list-cn-2-84.gif)} li.list-cn-2-85{background-image:url(http://bs.baidu.com/listicon/list-cn-2-85.gif)} li.list-cn-2-86{background-image:url(http://bs.baidu.com/listicon/list-cn-2-86.gif)} li.list-cn-2-87{background-image:url(http://bs.baidu.com/listicon/list-cn-2-87.gif)} li.list-cn-2-88{background-image:url(http://bs.baidu.com/listicon/list-cn-2-88.gif)} li.list-cn-2-89{background-image:url(http://bs.baidu.com/listicon/list-cn-2-89.gif)} li.list-cn-2-90{background-image:url(http://bs.baidu.com/listicon/list-cn-2-90.gif)} li.list-cn-2-91{background-image:url(http://bs.baidu.com/listicon/list-cn-2-91.gif)} li.list-cn-2-92{background-image:url(http://bs.baidu.com/listicon/list-cn-2-92.gif)} li.list-cn-2-93{background-image:url(http://bs.baidu.com/listicon/list-cn-2-93.gif)} li.list-cn-2-94{background-image:url(http://bs.baidu.com/listicon/list-cn-2-94.gif)} li.list-cn-2-95{background-image:url(http://bs.baidu.com/listicon/list-cn-2-95.gif)} li.list-cn-2-96{background-image:url(http://bs.baidu.com/listicon/list-cn-2-96.gif)} li.list-cn-2-97{background-image:url(http://bs.baidu.com/listicon/list-cn-2-97.gif)} li.list-cn-2-98{background-image:url(http://bs.baidu.com/listicon/list-cn-2-98.gif)} ol.custom_cn1{list-style:none;}ol.custom_cn1 li{background-position:0 3px;background-repeat:no-repeat} li.list-cn1-paddingleft-1{padding-left:30px} li.list-cn1-paddingleft-2{padding-left:40px} li.list-cn1-paddingleft-3{padding-left:55px} li.list-cn-3-0{background-image:url(http://bs.baidu.com/listicon/list-cn-3-0.gif)} li.list-cn-3-1{background-image:url(http://bs.baidu.com/listicon/list-cn-3-1.gif)} li.list-cn-3-2{background-image:url(http://bs.baidu.com/listicon/list-cn-3-2.gif)} li.list-cn-3-3{background-image:url(http://bs.baidu.com/listicon/list-cn-3-3.gif)} li.list-cn-3-4{background-image:url(http://bs.baidu.com/listicon/list-cn-3-4.gif)} li.list-cn-3-5{background-image:url(http://bs.baidu.com/listicon/list-cn-3-5.gif)} li.list-cn-3-6{background-image:url(http://bs.baidu.com/listicon/list-cn-3-6.gif)} li.list-cn-3-7{background-image:url(http://bs.baidu.com/listicon/list-cn-3-7.gif)} li.list-cn-3-8{background-image:url(http://bs.baidu.com/listicon/list-cn-3-8.gif)} li.list-cn-3-9{background-image:url(http://bs.baidu.com/listicon/list-cn-3-9.gif)} li.list-cn-3-10{background-image:url(http://bs.baidu.com/listicon/list-cn-3-10.gif)} li.list-cn-3-11{background-image:url(http://bs.baidu.com/listicon/list-cn-3-11.gif)} li.list-cn-3-12{background-image:url(http://bs.baidu.com/listicon/list-cn-3-12.gif)} li.list-cn-3-13{background-image:url(http://bs.baidu.com/listicon/list-cn-3-13.gif)} li.list-cn-3-14{background-image:url(http://bs.baidu.com/listicon/list-cn-3-14.gif)} li.list-cn-3-15{background-image:url(http://bs.baidu.com/listicon/list-cn-3-15.gif)} li.list-cn-3-16{background-image:url(http://bs.baidu.com/listicon/list-cn-3-16.gif)} li.list-cn-3-17{background-image:url(http://bs.baidu.com/listicon/list-cn-3-17.gif)} li.list-cn-3-18{background-image:url(http://bs.baidu.com/listicon/list-cn-3-18.gif)} li.list-cn-3-19{background-image:url(http://bs.baidu.com/listicon/list-cn-3-19.gif)} li.list-cn-3-20{background-image:url(http://bs.baidu.com/listicon/list-cn-3-20.gif)} li.list-cn-3-21{background-image:url(http://bs.baidu.com/listicon/list-cn-3-21.gif)} li.list-cn-3-22{background-image:url(http://bs.baidu.com/listicon/list-cn-3-22.gif)} li.list-cn-3-23{background-image:url(http://bs.baidu.com/listicon/list-cn-3-23.gif)} li.list-cn-3-24{background-image:url(http://bs.baidu.com/listicon/list-cn-3-24.gif)} li.list-cn-3-25{background-image:url(http://bs.baidu.com/listicon/list-cn-3-25.gif)} li.list-cn-3-26{background-image:url(http://bs.baidu.com/listicon/list-cn-3-26.gif)} li.list-cn-3-27{background-image:url(http://bs.baidu.com/listicon/list-cn-3-27.gif)} li.list-cn-3-28{background-image:url(http://bs.baidu.com/listicon/list-cn-3-28.gif)} li.list-cn-3-29{background-image:url(http://bs.baidu.com/listicon/list-cn-3-29.gif)} li.list-cn-3-30{background-image:url(http://bs.baidu.com/listicon/list-cn-3-30.gif)} li.list-cn-3-31{background-image:url(http://bs.baidu.com/listicon/list-cn-3-31.gif)} li.list-cn-3-32{background-image:url(http://bs.baidu.com/listicon/list-cn-3-32.gif)} li.list-cn-3-33{background-image:url(http://bs.baidu.com/listicon/list-cn-3-33.gif)} li.list-cn-3-34{background-image:url(http://bs.baidu.com/listicon/list-cn-3-34.gif)} li.list-cn-3-35{background-image:url(http://bs.baidu.com/listicon/list-cn-3-35.gif)} li.list-cn-3-36{background-image:url(http://bs.baidu.com/listicon/list-cn-3-36.gif)} li.list-cn-3-37{background-image:url(http://bs.baidu.com/listicon/list-cn-3-37.gif)} li.list-cn-3-38{background-image:url(http://bs.baidu.com/listicon/list-cn-3-38.gif)} li.list-cn-3-39{background-image:url(http://bs.baidu.com/listicon/list-cn-3-39.gif)} li.list-cn-3-40{background-image:url(http://bs.baidu.com/listicon/list-cn-3-40.gif)} li.list-cn-3-41{background-image:url(http://bs.baidu.com/listicon/list-cn-3-41.gif)} li.list-cn-3-42{background-image:url(http://bs.baidu.com/listicon/list-cn-3-42.gif)} li.list-cn-3-43{background-image:url(http://bs.baidu.com/listicon/list-cn-3-43.gif)} li.list-cn-3-44{background-image:url(http://bs.baidu.com/listicon/list-cn-3-44.gif)} li.list-cn-3-45{background-image:url(http://bs.baidu.com/listicon/list-cn-3-45.gif)} li.list-cn-3-46{background-image:url(http://bs.baidu.com/listicon/list-cn-3-46.gif)} li.list-cn-3-47{background-image:url(http://bs.baidu.com/listicon/list-cn-3-47.gif)} li.list-cn-3-48{background-image:url(http://bs.baidu.com/listicon/list-cn-3-48.gif)} li.list-cn-3-49{background-image:url(http://bs.baidu.com/listicon/list-cn-3-49.gif)} li.list-cn-3-50{background-image:url(http://bs.baidu.com/listicon/list-cn-3-50.gif)} li.list-cn-3-51{background-image:url(http://bs.baidu.com/listicon/list-cn-3-51.gif)} li.list-cn-3-52{background-image:url(http://bs.baidu.com/listicon/list-cn-3-52.gif)} li.list-cn-3-53{background-image:url(http://bs.baidu.com/listicon/list-cn-3-53.gif)} li.list-cn-3-54{background-image:url(http://bs.baidu.com/listicon/list-cn-3-54.gif)} li.list-cn-3-55{background-image:url(http://bs.baidu.com/listicon/list-cn-3-55.gif)} li.list-cn-3-56{background-image:url(http://bs.baidu.com/listicon/list-cn-3-56.gif)} li.list-cn-3-57{background-image:url(http://bs.baidu.com/listicon/list-cn-3-57.gif)} li.list-cn-3-58{background-image:url(http://bs.baidu.com/listicon/list-cn-3-58.gif)} li.list-cn-3-59{background-image:url(http://bs.baidu.com/listicon/list-cn-3-59.gif)} li.list-cn-3-60{background-image:url(http://bs.baidu.com/listicon/list-cn-3-60.gif)} li.list-cn-3-61{background-image:url(http://bs.baidu.com/listicon/list-cn-3-61.gif)} li.list-cn-3-62{background-image:url(http://bs.baidu.com/listicon/list-cn-3-62.gif)} li.list-cn-3-63{background-image:url(http://bs.baidu.com/listicon/list-cn-3-63.gif)} li.list-cn-3-64{background-image:url(http://bs.baidu.com/listicon/list-cn-3-64.gif)} li.list-cn-3-65{background-image:url(http://bs.baidu.com/listicon/list-cn-3-65.gif)} li.list-cn-3-66{background-image:url(http://bs.baidu.com/listicon/list-cn-3-66.gif)} li.list-cn-3-67{background-image:url(http://bs.baidu.com/listicon/list-cn-3-67.gif)} li.list-cn-3-68{background-image:url(http://bs.baidu.com/listicon/list-cn-3-68.gif)} li.list-cn-3-69{background-image:url(http://bs.baidu.com/listicon/list-cn-3-69.gif)} li.list-cn-3-70{background-image:url(http://bs.baidu.com/listicon/list-cn-3-70.gif)} li.list-cn-3-71{background-image:url(http://bs.baidu.com/listicon/list-cn-3-71.gif)} li.list-cn-3-72{background-image:url(http://bs.baidu.com/listicon/list-cn-3-72.gif)} li.list-cn-3-73{background-image:url(http://bs.baidu.com/listicon/list-cn-3-73.gif)} li.list-cn-3-74{background-image:url(http://bs.baidu.com/listicon/list-cn-3-74.gif)} li.list-cn-3-75{background-image:url(http://bs.baidu.com/listicon/list-cn-3-75.gif)} li.list-cn-3-76{background-image:url(http://bs.baidu.com/listicon/list-cn-3-76.gif)} li.list-cn-3-77{background-image:url(http://bs.baidu.com/listicon/list-cn-3-77.gif)} li.list-cn-3-78{background-image:url(http://bs.baidu.com/listicon/list-cn-3-78.gif)} li.list-cn-3-79{background-image:url(http://bs.baidu.com/listicon/list-cn-3-79.gif)} li.list-cn-3-80{background-image:url(http://bs.baidu.com/listicon/list-cn-3-80.gif)} li.list-cn-3-81{background-image:url(http://bs.baidu.com/listicon/list-cn-3-81.gif)} li.list-cn-3-82{background-image:url(http://bs.baidu.com/listicon/list-cn-3-82.gif)} li.list-cn-3-83{background-image:url(http://bs.baidu.com/listicon/list-cn-3-83.gif)} li.list-cn-3-84{background-image:url(http://bs.baidu.com/listicon/list-cn-3-84.gif)} li.list-cn-3-85{background-image:url(http://bs.baidu.com/listicon/list-cn-3-85.gif)} li.list-cn-3-86{background-image:url(http://bs.baidu.com/listicon/list-cn-3-86.gif)} li.list-cn-3-87{background-image:url(http://bs.baidu.com/listicon/list-cn-3-87.gif)} li.list-cn-3-88{background-image:url(http://bs.baidu.com/listicon/list-cn-3-88.gif)} li.list-cn-3-89{background-image:url(http://bs.baidu.com/listicon/list-cn-3-89.gif)} li.list-cn-3-90{background-image:url(http://bs.baidu.com/listicon/list-cn-3-90.gif)} li.list-cn-3-91{background-image:url(http://bs.baidu.com/listicon/list-cn-3-91.gif)} li.list-cn-3-92{background-image:url(http://bs.baidu.com/listicon/list-cn-3-92.gif)} li.list-cn-3-93{background-image:url(http://bs.baidu.com/listicon/list-cn-3-93.gif)} li.list-cn-3-94{background-image:url(http://bs.baidu.com/listicon/list-cn-3-94.gif)} li.list-cn-3-95{background-image:url(http://bs.baidu.com/listicon/list-cn-3-95.gif)} li.list-cn-3-96{background-image:url(http://bs.baidu.com/listicon/list-cn-3-96.gif)} li.list-cn-3-97{background-image:url(http://bs.baidu.com/listicon/list-cn-3-97.gif)} li.list-cn-3-98{background-image:url(http://bs.baidu.com/listicon/list-cn-3-98.gif)} ol.custom_cn2{list-style:none;}ol.custom_cn2 li{background-position:0 3px;background-repeat:no-repeat} li.list-cn2-paddingleft-1{padding-left:40px} li.list-cn2-paddingleft-2{padding-left:55px} li.list-cn2-paddingleft-3{padding-left:68px} li.list-num-1-0{background-image:url(http://bs.baidu.com/listicon/list-num-1-0.gif)} li.list-num-1-1{background-image:url(http://bs.baidu.com/listicon/list-num-1-1.gif)} li.list-num-1-2{background-image:url(http://bs.baidu.com/listicon/list-num-1-2.gif)} li.list-num-1-3{background-image:url(http://bs.baidu.com/listicon/list-num-1-3.gif)} li.list-num-1-4{background-image:url(http://bs.baidu.com/listicon/list-num-1-4.gif)} li.list-num-1-5{background-image:url(http://bs.baidu.com/listicon/list-num-1-5.gif)} li.list-num-1-6{background-image:url(http://bs.baidu.com/listicon/list-num-1-6.gif)} li.list-num-1-7{background-image:url(http://bs.baidu.com/listicon/list-num-1-7.gif)} li.list-num-1-8{background-image:url(http://bs.baidu.com/listicon/list-num-1-8.gif)} li.list-num-1-9{background-image:url(http://bs.baidu.com/listicon/list-num-1-9.gif)} li.list-num-1-10{background-image:url(http://bs.baidu.com/listicon/list-num-1-10.gif)} li.list-num-1-11{background-image:url(http://bs.baidu.com/listicon/list-num-1-11.gif)} li.list-num-1-12{background-image:url(http://bs.baidu.com/listicon/list-num-1-12.gif)} li.list-num-1-13{background-image:url(http://bs.baidu.com/listicon/list-num-1-13.gif)} li.list-num-1-14{background-image:url(http://bs.baidu.com/listicon/list-num-1-14.gif)} li.list-num-1-15{background-image:url(http://bs.baidu.com/listicon/list-num-1-15.gif)} li.list-num-1-16{background-image:url(http://bs.baidu.com/listicon/list-num-1-16.gif)} li.list-num-1-17{background-image:url(http://bs.baidu.com/listicon/list-num-1-17.gif)} li.list-num-1-18{background-image:url(http://bs.baidu.com/listicon/list-num-1-18.gif)} li.list-num-1-19{background-image:url(http://bs.baidu.com/listicon/list-num-1-19.gif)} li.list-num-1-20{background-image:url(http://bs.baidu.com/listicon/list-num-1-20.gif)} li.list-num-1-21{background-image:url(http://bs.baidu.com/listicon/list-num-1-21.gif)} li.list-num-1-22{background-image:url(http://bs.baidu.com/listicon/list-num-1-22.gif)} li.list-num-1-23{background-image:url(http://bs.baidu.com/listicon/list-num-1-23.gif)} li.list-num-1-24{background-image:url(http://bs.baidu.com/listicon/list-num-1-24.gif)} li.list-num-1-25{background-image:url(http://bs.baidu.com/listicon/list-num-1-25.gif)} li.list-num-1-26{background-image:url(http://bs.baidu.com/listicon/list-num-1-26.gif)} li.list-num-1-27{background-image:url(http://bs.baidu.com/listicon/list-num-1-27.gif)} li.list-num-1-28{background-image:url(http://bs.baidu.com/listicon/list-num-1-28.gif)} li.list-num-1-29{background-image:url(http://bs.baidu.com/listicon/list-num-1-29.gif)} li.list-num-1-30{background-image:url(http://bs.baidu.com/listicon/list-num-1-30.gif)} li.list-num-1-31{background-image:url(http://bs.baidu.com/listicon/list-num-1-31.gif)} li.list-num-1-32{background-image:url(http://bs.baidu.com/listicon/list-num-1-32.gif)} li.list-num-1-33{background-image:url(http://bs.baidu.com/listicon/list-num-1-33.gif)} li.list-num-1-34{background-image:url(http://bs.baidu.com/listicon/list-num-1-34.gif)} li.list-num-1-35{background-image:url(http://bs.baidu.com/listicon/list-num-1-35.gif)} li.list-num-1-36{background-image:url(http://bs.baidu.com/listicon/list-num-1-36.gif)} li.list-num-1-37{background-image:url(http://bs.baidu.com/listicon/list-num-1-37.gif)} li.list-num-1-38{background-image:url(http://bs.baidu.com/listicon/list-num-1-38.gif)} li.list-num-1-39{background-image:url(http://bs.baidu.com/listicon/list-num-1-39.gif)} li.list-num-1-40{background-image:url(http://bs.baidu.com/listicon/list-num-1-40.gif)} li.list-num-1-41{background-image:url(http://bs.baidu.com/listicon/list-num-1-41.gif)} li.list-num-1-42{background-image:url(http://bs.baidu.com/listicon/list-num-1-42.gif)} li.list-num-1-43{background-image:url(http://bs.baidu.com/listicon/list-num-1-43.gif)} li.list-num-1-44{background-image:url(http://bs.baidu.com/listicon/list-num-1-44.gif)} li.list-num-1-45{background-image:url(http://bs.baidu.com/listicon/list-num-1-45.gif)} li.list-num-1-46{background-image:url(http://bs.baidu.com/listicon/list-num-1-46.gif)} li.list-num-1-47{background-image:url(http://bs.baidu.com/listicon/list-num-1-47.gif)} li.list-num-1-48{background-image:url(http://bs.baidu.com/listicon/list-num-1-48.gif)} li.list-num-1-49{background-image:url(http://bs.baidu.com/listicon/list-num-1-49.gif)} li.list-num-1-50{background-image:url(http://bs.baidu.com/listicon/list-num-1-50.gif)} li.list-num-1-51{background-image:url(http://bs.baidu.com/listicon/list-num-1-51.gif)} li.list-num-1-52{background-image:url(http://bs.baidu.com/listicon/list-num-1-52.gif)} li.list-num-1-53{background-image:url(http://bs.baidu.com/listicon/list-num-1-53.gif)} li.list-num-1-54{background-image:url(http://bs.baidu.com/listicon/list-num-1-54.gif)} li.list-num-1-55{background-image:url(http://bs.baidu.com/listicon/list-num-1-55.gif)} li.list-num-1-56{background-image:url(http://bs.baidu.com/listicon/list-num-1-56.gif)} li.list-num-1-57{background-image:url(http://bs.baidu.com/listicon/list-num-1-57.gif)} li.list-num-1-58{background-image:url(http://bs.baidu.com/listicon/list-num-1-58.gif)} li.list-num-1-59{background-image:url(http://bs.baidu.com/listicon/list-num-1-59.gif)} li.list-num-1-60{background-image:url(http://bs.baidu.com/listicon/list-num-1-60.gif)} li.list-num-1-61{background-image:url(http://bs.baidu.com/listicon/list-num-1-61.gif)} li.list-num-1-62{background-image:url(http://bs.baidu.com/listicon/list-num-1-62.gif)} li.list-num-1-63{background-image:url(http://bs.baidu.com/listicon/list-num-1-63.gif)} li.list-num-1-64{background-image:url(http://bs.baidu.com/listicon/list-num-1-64.gif)} li.list-num-1-65{background-image:url(http://bs.baidu.com/listicon/list-num-1-65.gif)} li.list-num-1-66{background-image:url(http://bs.baidu.com/listicon/list-num-1-66.gif)} li.list-num-1-67{background-image:url(http://bs.baidu.com/listicon/list-num-1-67.gif)} li.list-num-1-68{background-image:url(http://bs.baidu.com/listicon/list-num-1-68.gif)} li.list-num-1-69{background-image:url(http://bs.baidu.com/listicon/list-num-1-69.gif)} li.list-num-1-70{background-image:url(http://bs.baidu.com/listicon/list-num-1-70.gif)} li.list-num-1-71{background-image:url(http://bs.baidu.com/listicon/list-num-1-71.gif)} li.list-num-1-72{background-image:url(http://bs.baidu.com/listicon/list-num-1-72.gif)} li.list-num-1-73{background-image:url(http://bs.baidu.com/listicon/list-num-1-73.gif)} li.list-num-1-74{background-image:url(http://bs.baidu.com/listicon/list-num-1-74.gif)} li.list-num-1-75{background-image:url(http://bs.baidu.com/listicon/list-num-1-75.gif)} li.list-num-1-76{background-image:url(http://bs.baidu.com/listicon/list-num-1-76.gif)} li.list-num-1-77{background-image:url(http://bs.baidu.com/listicon/list-num-1-77.gif)} li.list-num-1-78{background-image:url(http://bs.baidu.com/listicon/list-num-1-78.gif)} li.list-num-1-79{background-image:url(http://bs.baidu.com/listicon/list-num-1-79.gif)} li.list-num-1-80{background-image:url(http://bs.baidu.com/listicon/list-num-1-80.gif)} li.list-num-1-81{background-image:url(http://bs.baidu.com/listicon/list-num-1-81.gif)} li.list-num-1-82{background-image:url(http://bs.baidu.com/listicon/list-num-1-82.gif)} li.list-num-1-83{background-image:url(http://bs.baidu.com/listicon/list-num-1-83.gif)} li.list-num-1-84{background-image:url(http://bs.baidu.com/listicon/list-num-1-84.gif)} li.list-num-1-85{background-image:url(http://bs.baidu.com/listicon/list-num-1-85.gif)} li.list-num-1-86{background-image:url(http://bs.baidu.com/listicon/list-num-1-86.gif)} li.list-num-1-87{background-image:url(http://bs.baidu.com/listicon/list-num-1-87.gif)} li.list-num-1-88{background-image:url(http://bs.baidu.com/listicon/list-num-1-88.gif)} li.list-num-1-89{background-image:url(http://bs.baidu.com/listicon/list-num-1-89.gif)} li.list-num-1-90{background-image:url(http://bs.baidu.com/listicon/list-num-1-90.gif)} li.list-num-1-91{background-image:url(http://bs.baidu.com/listicon/list-num-1-91.gif)} li.list-num-1-92{background-image:url(http://bs.baidu.com/listicon/list-num-1-92.gif)} li.list-num-1-93{background-image:url(http://bs.baidu.com/listicon/list-num-1-93.gif)} li.list-num-1-94{background-image:url(http://bs.baidu.com/listicon/list-num-1-94.gif)} li.list-num-1-95{background-image:url(http://bs.baidu.com/listicon/list-num-1-95.gif)} li.list-num-1-96{background-image:url(http://bs.baidu.com/listicon/list-num-1-96.gif)} li.list-num-1-97{background-image:url(http://bs.baidu.com/listicon/list-num-1-97.gif)} li.list-num-1-98{background-image:url(http://bs.baidu.com/listicon/list-num-1-98.gif)} ol.custom_num{list-style:none;}ol.custom_num li{background-position:0 3px;background-repeat:no-repeat} li.list-num-paddingleft-1{padding-left:25px} li.list-num-2-0{background-image:url(http://bs.baidu.com/listicon/list-num-2-0.gif)} li.list-num-2-1{background-image:url(http://bs.baidu.com/listicon/list-num-2-1.gif)} li.list-num-2-2{background-image:url(http://bs.baidu.com/listicon/list-num-2-2.gif)} li.list-num-2-3{background-image:url(http://bs.baidu.com/listicon/list-num-2-3.gif)} li.list-num-2-4{background-image:url(http://bs.baidu.com/listicon/list-num-2-4.gif)} li.list-num-2-5{background-image:url(http://bs.baidu.com/listicon/list-num-2-5.gif)} li.list-num-2-6{background-image:url(http://bs.baidu.com/listicon/list-num-2-6.gif)} li.list-num-2-7{background-image:url(http://bs.baidu.com/listicon/list-num-2-7.gif)} li.list-num-2-8{background-image:url(http://bs.baidu.com/listicon/list-num-2-8.gif)} li.list-num-2-9{background-image:url(http://bs.baidu.com/listicon/list-num-2-9.gif)} li.list-num-2-10{background-image:url(http://bs.baidu.com/listicon/list-num-2-10.gif)} li.list-num-2-11{background-image:url(http://bs.baidu.com/listicon/list-num-2-11.gif)} li.list-num-2-12{background-image:url(http://bs.baidu.com/listicon/list-num-2-12.gif)} li.list-num-2-13{background-image:url(http://bs.baidu.com/listicon/list-num-2-13.gif)} li.list-num-2-14{background-image:url(http://bs.baidu.com/listicon/list-num-2-14.gif)} li.list-num-2-15{background-image:url(http://bs.baidu.com/listicon/list-num-2-15.gif)} li.list-num-2-16{background-image:url(http://bs.baidu.com/listicon/list-num-2-16.gif)} li.list-num-2-17{background-image:url(http://bs.baidu.com/listicon/list-num-2-17.gif)} li.list-num-2-18{background-image:url(http://bs.baidu.com/listicon/list-num-2-18.gif)} li.list-num-2-19{background-image:url(http://bs.baidu.com/listicon/list-num-2-19.gif)} li.list-num-2-20{background-image:url(http://bs.baidu.com/listicon/list-num-2-20.gif)} li.list-num-2-21{background-image:url(http://bs.baidu.com/listicon/list-num-2-21.gif)} li.list-num-2-22{background-image:url(http://bs.baidu.com/listicon/list-num-2-22.gif)} li.list-num-2-23{background-image:url(http://bs.baidu.com/listicon/list-num-2-23.gif)} li.list-num-2-24{background-image:url(http://bs.baidu.com/listicon/list-num-2-24.gif)} li.list-num-2-25{background-image:url(http://bs.baidu.com/listicon/list-num-2-25.gif)} li.list-num-2-26{background-image:url(http://bs.baidu.com/listicon/list-num-2-26.gif)} li.list-num-2-27{background-image:url(http://bs.baidu.com/listicon/list-num-2-27.gif)} li.list-num-2-28{background-image:url(http://bs.baidu.com/listicon/list-num-2-28.gif)} li.list-num-2-29{background-image:url(http://bs.baidu.com/listicon/list-num-2-29.gif)} li.list-num-2-30{background-image:url(http://bs.baidu.com/listicon/list-num-2-30.gif)} li.list-num-2-31{background-image:url(http://bs.baidu.com/listicon/list-num-2-31.gif)} li.list-num-2-32{background-image:url(http://bs.baidu.com/listicon/list-num-2-32.gif)} li.list-num-2-33{background-image:url(http://bs.baidu.com/listicon/list-num-2-33.gif)} li.list-num-2-34{background-image:url(http://bs.baidu.com/listicon/list-num-2-34.gif)} li.list-num-2-35{background-image:url(http://bs.baidu.com/listicon/list-num-2-35.gif)} li.list-num-2-36{background-image:url(http://bs.baidu.com/listicon/list-num-2-36.gif)} li.list-num-2-37{background-image:url(http://bs.baidu.com/listicon/list-num-2-37.gif)} li.list-num-2-38{background-image:url(http://bs.baidu.com/listicon/list-num-2-38.gif)} li.list-num-2-39{background-image:url(http://bs.baidu.com/listicon/list-num-2-39.gif)} li.list-num-2-40{background-image:url(http://bs.baidu.com/listicon/list-num-2-40.gif)} li.list-num-2-41{background-image:url(http://bs.baidu.com/listicon/list-num-2-41.gif)} li.list-num-2-42{background-image:url(http://bs.baidu.com/listicon/list-num-2-42.gif)} li.list-num-2-43{background-image:url(http://bs.baidu.com/listicon/list-num-2-43.gif)} li.list-num-2-44{background-image:url(http://bs.baidu.com/listicon/list-num-2-44.gif)} li.list-num-2-45{background-image:url(http://bs.baidu.com/listicon/list-num-2-45.gif)} li.list-num-2-46{background-image:url(http://bs.baidu.com/listicon/list-num-2-46.gif)} li.list-num-2-47{background-image:url(http://bs.baidu.com/listicon/list-num-2-47.gif)} li.list-num-2-48{background-image:url(http://bs.baidu.com/listicon/list-num-2-48.gif)} li.list-num-2-49{background-image:url(http://bs.baidu.com/listicon/list-num-2-49.gif)} li.list-num-2-50{background-image:url(http://bs.baidu.com/listicon/list-num-2-50.gif)} li.list-num-2-51{background-image:url(http://bs.baidu.com/listicon/list-num-2-51.gif)} li.list-num-2-52{background-image:url(http://bs.baidu.com/listicon/list-num-2-52.gif)} li.list-num-2-53{background-image:url(http://bs.baidu.com/listicon/list-num-2-53.gif)} li.list-num-2-54{background-image:url(http://bs.baidu.com/listicon/list-num-2-54.gif)} li.list-num-2-55{background-image:url(http://bs.baidu.com/listicon/list-num-2-55.gif)} li.list-num-2-56{background-image:url(http://bs.baidu.com/listicon/list-num-2-56.gif)} li.list-num-2-57{background-image:url(http://bs.baidu.com/listicon/list-num-2-57.gif)} li.list-num-2-58{background-image:url(http://bs.baidu.com/listicon/list-num-2-58.gif)} li.list-num-2-59{background-image:url(http://bs.baidu.com/listicon/list-num-2-59.gif)} li.list-num-2-60{background-image:url(http://bs.baidu.com/listicon/list-num-2-60.gif)} li.list-num-2-61{background-image:url(http://bs.baidu.com/listicon/list-num-2-61.gif)} li.list-num-2-62{background-image:url(http://bs.baidu.com/listicon/list-num-2-62.gif)} li.list-num-2-63{background-image:url(http://bs.baidu.com/listicon/list-num-2-63.gif)} li.list-num-2-64{background-image:url(http://bs.baidu.com/listicon/list-num-2-64.gif)} li.list-num-2-65{background-image:url(http://bs.baidu.com/listicon/list-num-2-65.gif)} li.list-num-2-66{background-image:url(http://bs.baidu.com/listicon/list-num-2-66.gif)} li.list-num-2-67{background-image:url(http://bs.baidu.com/listicon/list-num-2-67.gif)} li.list-num-2-68{background-image:url(http://bs.baidu.com/listicon/list-num-2-68.gif)} li.list-num-2-69{background-image:url(http://bs.baidu.com/listicon/list-num-2-69.gif)} li.list-num-2-70{background-image:url(http://bs.baidu.com/listicon/list-num-2-70.gif)} li.list-num-2-71{background-image:url(http://bs.baidu.com/listicon/list-num-2-71.gif)} li.list-num-2-72{background-image:url(http://bs.baidu.com/listicon/list-num-2-72.gif)} li.list-num-2-73{background-image:url(http://bs.baidu.com/listicon/list-num-2-73.gif)} li.list-num-2-74{background-image:url(http://bs.baidu.com/listicon/list-num-2-74.gif)} li.list-num-2-75{background-image:url(http://bs.baidu.com/listicon/list-num-2-75.gif)} li.list-num-2-76{background-image:url(http://bs.baidu.com/listicon/list-num-2-76.gif)} li.list-num-2-77{background-image:url(http://bs.baidu.com/listicon/list-num-2-77.gif)} li.list-num-2-78{background-image:url(http://bs.baidu.com/listicon/list-num-2-78.gif)} li.list-num-2-79{background-image:url(http://bs.baidu.com/listicon/list-num-2-79.gif)} li.list-num-2-80{background-image:url(http://bs.baidu.com/listicon/list-num-2-80.gif)} li.list-num-2-81{background-image:url(http://bs.baidu.com/listicon/list-num-2-81.gif)} li.list-num-2-82{background-image:url(http://bs.baidu.com/listicon/list-num-2-82.gif)} li.list-num-2-83{background-image:url(http://bs.baidu.com/listicon/list-num-2-83.gif)} li.list-num-2-84{background-image:url(http://bs.baidu.com/listicon/list-num-2-84.gif)} li.list-num-2-85{background-image:url(http://bs.baidu.com/listicon/list-num-2-85.gif)} li.list-num-2-86{background-image:url(http://bs.baidu.com/listicon/list-num-2-86.gif)} li.list-num-2-87{background-image:url(http://bs.baidu.com/listicon/list-num-2-87.gif)} li.list-num-2-88{background-image:url(http://bs.baidu.com/listicon/list-num-2-88.gif)} li.list-num-2-89{background-image:url(http://bs.baidu.com/listicon/list-num-2-89.gif)} li.list-num-2-90{background-image:url(http://bs.baidu.com/listicon/list-num-2-90.gif)} li.list-num-2-91{background-image:url(http://bs.baidu.com/listicon/list-num-2-91.gif)} li.list-num-2-92{background-image:url(http://bs.baidu.com/listicon/list-num-2-92.gif)} li.list-num-2-93{background-image:url(http://bs.baidu.com/listicon/list-num-2-93.gif)} li.list-num-2-94{background-image:url(http://bs.baidu.com/listicon/list-num-2-94.gif)} li.list-num-2-95{background-image:url(http://bs.baidu.com/listicon/list-num-2-95.gif)} li.list-num-2-96{background-image:url(http://bs.baidu.com/listicon/list-num-2-96.gif)} li.list-num-2-97{background-image:url(http://bs.baidu.com/listicon/list-num-2-97.gif)} li.list-num-2-98{background-image:url(http://bs.baidu.com/listicon/list-num-2-98.gif)} ol.custom_num1{list-style:none;}ol.custom_num1 li{background-position:0 3px;background-repeat:no-repeat} li.list-num1-paddingleft-1{padding-left:25px} li.list-num-3-0{background-image:url(http://bs.baidu.com/listicon/list-num-3-0.gif)} li.list-num-3-1{background-image:url(http://bs.baidu.com/listicon/list-num-3-1.gif)} li.list-num-3-2{background-image:url(http://bs.baidu.com/listicon/list-num-3-2.gif)} li.list-num-3-3{background-image:url(http://bs.baidu.com/listicon/list-num-3-3.gif)} li.list-num-3-4{background-image:url(http://bs.baidu.com/listicon/list-num-3-4.gif)} li.list-num-3-5{background-image:url(http://bs.baidu.com/listicon/list-num-3-5.gif)} li.list-num-3-6{background-image:url(http://bs.baidu.com/listicon/list-num-3-6.gif)} li.list-num-3-7{background-image:url(http://bs.baidu.com/listicon/list-num-3-7.gif)} li.list-num-3-8{background-image:url(http://bs.baidu.com/listicon/list-num-3-8.gif)} li.list-num-3-9{background-image:url(http://bs.baidu.com/listicon/list-num-3-9.gif)} li.list-num-3-10{background-image:url(http://bs.baidu.com/listicon/list-num-3-10.gif)} li.list-num-3-11{background-image:url(http://bs.baidu.com/listicon/list-num-3-11.gif)} li.list-num-3-12{background-image:url(http://bs.baidu.com/listicon/list-num-3-12.gif)} li.list-num-3-13{background-image:url(http://bs.baidu.com/listicon/list-num-3-13.gif)} li.list-num-3-14{background-image:url(http://bs.baidu.com/listicon/list-num-3-14.gif)} li.list-num-3-15{background-image:url(http://bs.baidu.com/listicon/list-num-3-15.gif)} li.list-num-3-16{background-image:url(http://bs.baidu.com/listicon/list-num-3-16.gif)} li.list-num-3-17{background-image:url(http://bs.baidu.com/listicon/list-num-3-17.gif)} li.list-num-3-18{background-image:url(http://bs.baidu.com/listicon/list-num-3-18.gif)} li.list-num-3-19{background-image:url(http://bs.baidu.com/listicon/list-num-3-19.gif)} li.list-num-3-20{background-image:url(http://bs.baidu.com/listicon/list-num-3-20.gif)} li.list-num-3-21{background-image:url(http://bs.baidu.com/listicon/list-num-3-21.gif)} li.list-num-3-22{background-image:url(http://bs.baidu.com/listicon/list-num-3-22.gif)} li.list-num-3-23{background-image:url(http://bs.baidu.com/listicon/list-num-3-23.gif)} li.list-num-3-24{background-image:url(http://bs.baidu.com/listicon/list-num-3-24.gif)} li.list-num-3-25{background-image:url(http://bs.baidu.com/listicon/list-num-3-25.gif)} li.list-num-3-26{background-image:url(http://bs.baidu.com/listicon/list-num-3-26.gif)} li.list-num-3-27{background-image:url(http://bs.baidu.com/listicon/list-num-3-27.gif)} li.list-num-3-28{background-image:url(http://bs.baidu.com/listicon/list-num-3-28.gif)} li.list-num-3-29{background-image:url(http://bs.baidu.com/listicon/list-num-3-29.gif)} li.list-num-3-30{background-image:url(http://bs.baidu.com/listicon/list-num-3-30.gif)} li.list-num-3-31{background-image:url(http://bs.baidu.com/listicon/list-num-3-31.gif)} li.list-num-3-32{background-image:url(http://bs.baidu.com/listicon/list-num-3-32.gif)} li.list-num-3-33{background-image:url(http://bs.baidu.com/listicon/list-num-3-33.gif)} li.list-num-3-34{background-image:url(http://bs.baidu.com/listicon/list-num-3-34.gif)} li.list-num-3-35{background-image:url(http://bs.baidu.com/listicon/list-num-3-35.gif)} li.list-num-3-36{background-image:url(http://bs.baidu.com/listicon/list-num-3-36.gif)} li.list-num-3-37{background-image:url(http://bs.baidu.com/listicon/list-num-3-37.gif)} li.list-num-3-38{background-image:url(http://bs.baidu.com/listicon/list-num-3-38.gif)} li.list-num-3-39{background-image:url(http://bs.baidu.com/listicon/list-num-3-39.gif)} li.list-num-3-40{background-image:url(http://bs.baidu.com/listicon/list-num-3-40.gif)} li.list-num-3-41{background-image:url(http://bs.baidu.com/listicon/list-num-3-41.gif)} li.list-num-3-42{background-image:url(http://bs.baidu.com/listicon/list-num-3-42.gif)} li.list-num-3-43{background-image:url(http://bs.baidu.com/listicon/list-num-3-43.gif)} li.list-num-3-44{background-image:url(http://bs.baidu.com/listicon/list-num-3-44.gif)} li.list-num-3-45{background-image:url(http://bs.baidu.com/listicon/list-num-3-45.gif)} li.list-num-3-46{background-image:url(http://bs.baidu.com/listicon/list-num-3-46.gif)} li.list-num-3-47{background-image:url(http://bs.baidu.com/listicon/list-num-3-47.gif)} li.list-num-3-48{background-image:url(http://bs.baidu.com/listicon/list-num-3-48.gif)} li.list-num-3-49{background-image:url(http://bs.baidu.com/listicon/list-num-3-49.gif)} li.list-num-3-50{background-image:url(http://bs.baidu.com/listicon/list-num-3-50.gif)} li.list-num-3-51{background-image:url(http://bs.baidu.com/listicon/list-num-3-51.gif)} li.list-num-3-52{background-image:url(http://bs.baidu.com/listicon/list-num-3-52.gif)} li.list-num-3-53{background-image:url(http://bs.baidu.com/listicon/list-num-3-53.gif)} li.list-num-3-54{background-image:url(http://bs.baidu.com/listicon/list-num-3-54.gif)} li.list-num-3-55{background-image:url(http://bs.baidu.com/listicon/list-num-3-55.gif)} li.list-num-3-56{background-image:url(http://bs.baidu.com/listicon/list-num-3-56.gif)} li.list-num-3-57{background-image:url(http://bs.baidu.com/listicon/list-num-3-57.gif)} li.list-num-3-58{background-image:url(http://bs.baidu.com/listicon/list-num-3-58.gif)} li.list-num-3-59{background-image:url(http://bs.baidu.com/listicon/list-num-3-59.gif)} li.list-num-3-60{background-image:url(http://bs.baidu.com/listicon/list-num-3-60.gif)} li.list-num-3-61{background-image:url(http://bs.baidu.com/listicon/list-num-3-61.gif)} li.list-num-3-62{background-image:url(http://bs.baidu.com/listicon/list-num-3-62.gif)} li.list-num-3-63{background-image:url(http://bs.baidu.com/listicon/list-num-3-63.gif)} li.list-num-3-64{background-image:url(http://bs.baidu.com/listicon/list-num-3-64.gif)} li.list-num-3-65{background-image:url(http://bs.baidu.com/listicon/list-num-3-65.gif)} li.list-num-3-66{background-image:url(http://bs.baidu.com/listicon/list-num-3-66.gif)} li.list-num-3-67{background-image:url(http://bs.baidu.com/listicon/list-num-3-67.gif)} li.list-num-3-68{background-image:url(http://bs.baidu.com/listicon/list-num-3-68.gif)} li.list-num-3-69{background-image:url(http://bs.baidu.com/listicon/list-num-3-69.gif)} li.list-num-3-70{background-image:url(http://bs.baidu.com/listicon/list-num-3-70.gif)} li.list-num-3-71{background-image:url(http://bs.baidu.com/listicon/list-num-3-71.gif)} li.list-num-3-72{background-image:url(http://bs.baidu.com/listicon/list-num-3-72.gif)} li.list-num-3-73{background-image:url(http://bs.baidu.com/listicon/list-num-3-73.gif)} li.list-num-3-74{background-image:url(http://bs.baidu.com/listicon/list-num-3-74.gif)} li.list-num-3-75{background-image:url(http://bs.baidu.com/listicon/list-num-3-75.gif)} li.list-num-3-76{background-image:url(http://bs.baidu.com/listicon/list-num-3-76.gif)} li.list-num-3-77{background-image:url(http://bs.baidu.com/listicon/list-num-3-77.gif)} li.list-num-3-78{background-image:url(http://bs.baidu.com/listicon/list-num-3-78.gif)} li.list-num-3-79{background-image:url(http://bs.baidu.com/listicon/list-num-3-79.gif)} li.list-num-3-80{background-image:url(http://bs.baidu.com/listicon/list-num-3-80.gif)} li.list-num-3-81{background-image:url(http://bs.baidu.com/listicon/list-num-3-81.gif)} li.list-num-3-82{background-image:url(http://bs.baidu.com/listicon/list-num-3-82.gif)} li.list-num-3-83{background-image:url(http://bs.baidu.com/listicon/list-num-3-83.gif)} li.list-num-3-84{background-image:url(http://bs.baidu.com/listicon/list-num-3-84.gif)} li.list-num-3-85{background-image:url(http://bs.baidu.com/listicon/list-num-3-85.gif)} li.list-num-3-86{background-image:url(http://bs.baidu.com/listicon/list-num-3-86.gif)} li.list-num-3-87{background-image:url(http://bs.baidu.com/listicon/list-num-3-87.gif)} li.list-num-3-88{background-image:url(http://bs.baidu.com/listicon/list-num-3-88.gif)} li.list-num-3-89{background-image:url(http://bs.baidu.com/listicon/list-num-3-89.gif)} li.list-num-3-90{background-image:url(http://bs.baidu.com/listicon/list-num-3-90.gif)} li.list-num-3-91{background-image:url(http://bs.baidu.com/listicon/list-num-3-91.gif)} li.list-num-3-92{background-image:url(http://bs.baidu.com/listicon/list-num-3-92.gif)} li.list-num-3-93{background-image:url(http://bs.baidu.com/listicon/list-num-3-93.gif)} li.list-num-3-94{background-image:url(http://bs.baidu.com/listicon/list-num-3-94.gif)} li.list-num-3-95{background-image:url(http://bs.baidu.com/listicon/list-num-3-95.gif)} li.list-num-3-96{background-image:url(http://bs.baidu.com/listicon/list-num-3-96.gif)} li.list-num-3-97{background-image:url(http://bs.baidu.com/listicon/list-num-3-97.gif)} li.list-num-3-98{background-image:url(http://bs.baidu.com/listicon/list-num-3-98.gif)} ol.custom_num2{list-style:none;}ol.custom_num2 li{background-position:0 3px;background-repeat:no-repeat} li.list-num2-paddingleft-1{padding-left:35px} li.list-num2-paddingleft-2{padding-left:40px} li.list-dash{background-image:url(http://bs.baidu.com/listicon/dash.gif)} ul.custom_dash{list-style:none;}ul.custom_dash li{background-position:0 3px;background-repeat:no-repeat} li.list-dash-paddingleft{padding-left:35px} li.list-dot{background-image:url(http://bs.baidu.com/listicon/dot.gif)} ul.custom_dot{list-style:none;}ul.custom_dot li{background-position:0 3px;background-repeat:no-repeat} li.list-dot-paddingleft{padding-left:20px} .list-paddingleft-1{padding-left:0} .list-paddingleft-2{padding-left:30px} .list-paddingleft-3{padding-left:60px}

    …独坐在路边街角 冷风吹醒,默默地伴着我的孤影,只想将结他紧抱,诉出辛酸,就在这刻想起往事,心中一股冲劲勇闯,抛开那现实没有顾虑,仿佛身边拥有一切,看似与别人筑起隔膜。

    使用 fa-border 和 fa-pull-right 或 fa-pull-left 可以轻易构造出引用的特殊效果。

    <i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i>...独坐在路边街角 冷风吹醒,默默地伴着我的孤影,只想将结他紧抱,诉出辛酸,就在这刻想起往事,心中一股冲劲勇闯,抛开那现实没有顾虑,仿佛身边拥有一切,看似与别人筑起隔膜。

     用fa-spinner来作为加载动画图标 用fa-circle-o-notch来作为加载动画图标 用fa-refresh来作为加载动画图标 用fa-cog来作为加载动画图标用fa-spinner来作为加载动画图标

    使用 fa-spin 使任意图标旋转,还可以使用 fa-pulse 使其进行8方位旋转。尤其适合 fa-spinnerfa-refresh, 和 fa-cog

    <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span><i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span><i class="fa fa-refresh fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span><i class="fa fa-cog fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span><i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span>

    温馨提示: 动画图标会在一些平台的浏览器中出现抖动的效果,可参见 问题列表#671 中的例子来解决此问题。

    温馨提示: CSS3动画不支持IE8-IE9。

      normal 
      fa-rotate-90 
      fa-rotate-180 
      fa-rotate-270 
      fa-flip-horizontal 
      fa-flip-vertical

    若要对图标进行任意旋转和翻转, 可以使用 fa-rotate-* and fa-flip-* 类.

    <i class="fa fa-shield"></i> normal<br><i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90<br><i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180<br><i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270<br><i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal<br><i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical
     fa-twitter on fa-square-o 
     fa-flag on fa-circle 
     fa-terminal on fa-square 
     fa-ban on fa-camera

    如果想要将多个图标组合起来,使用fa-stack类,作为父容器,fa-stack-1x作为正常比例的图标,fa-stack-2x作为大一些的图标。还可以使用fa-inverse类来切换图标颜色。您可以在父容器中 通过添加 larger icon 类来控制整体大小。

    <span class="fa-stack fa-lg">
      <i class="fa fa-square-o fa-stack-2x"></i>
      <i class="fa fa-twitter fa-stack-1x"></i></span>fa-twitter on fa-square-o<br><span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x"></i>
      <i class="fa fa-flag fa-stack-1x fa-inverse"></i></span>fa-flag on fa-circle<br><span class="fa-stack fa-lg">
      <i class="fa fa-square fa-stack-2x"></i>
      <i class="fa fa-terminal fa-stack-1x fa-inverse"></i></span>fa-terminal on fa-square<br><span class="fa-stack fa-lg">
      <i class="fa fa-camera fa-stack-1x"></i>
      <i class="fa fa-ban fa-stack-2x text-danger"></i></span>fa-ban on fa-camera

     删除  设置

    Font Awesome 
    Version 4.6.3

     用户

    Font Awesome 完全兼容 Bootstrap 的所有组件。

    <a class="btn btn-danger" href="#">
      <i class="fa fa-trash-o fa-lg"></i> Delete</a><a class="btn btn-default btn-sm" href="#">
      <i class="fa fa-cog"></i> Settings</a><a class="btn btn-lg btn-success" href="#">
      <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.6.3</a><div class="btn-group">
      <a class="btn btn-default" href="#">
        <i class="fa fa-align-left" title="左对齐"></i>
      </a>
      <a class="btn btn-default" href="#">
        <i class="fa fa-align-center" title="剧中对齐"></i>
      </a>
      <a class="btn btn-default" href="#">
        <i class="fa fa-align-right" title="右对齐"></i>
      </a>
      <a class="btn btn-default" href="#">
        <i class="fa fa-align-justify" title="平均分布"></i>
      </a></div><div class="input-group margin-bottom-sm">
      <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
      <input class="form-control" type="text" placeholder="您的邮箱地址"></div><div class="input-group">
      <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
      <input class="form-control" type="password" placeholder="请输入密码"></div><div class="btn-group open">
      <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> 用户</a>
      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
        <span class="fa fa-caret-down" title="打开下拉菜单"></span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="fa fa-pencil fa-fw"></i> 编辑</a></li>
        <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> 删除</a></li>
        <li><a href="#"><i class="fa fa-ban fa-fw"></i> 屏蔽</a></li>
        <li class="divider"></li>
        <li><a href="#"><i class="fa fa-unlock"></i> 锁定管理员</a></li>
      </ul></div>

    Tag: 厦门网站建设 厦门企业建站

    点击下方复制按钮,复制微信号!

    jzm866081

    https://www.xmsmwl.cn
    厦门世敏网络科技有限公司