html5 在线字体库,CSS3 - 在html页面中使用Font Awesome字体图标

hangge.com

.list-group {

margin-bottom: 20px;

padding-left: 0;

}

.list-group-item {

position: relative;

display: block;

padding: 10px 15px;

margin-bottom: -1px;

background-color: #ffffff;

border: 1px solid #dddddd;

}

.list-group-item:first-child {

border-top-right-radius: 4px;

border-top-left-radius: 4px;

}

.list-group-item:last-child {

margin-bottom: 0;

border-bottom-right-radius: 4px;

border-bottom-left-radius: 4px;

}

a.list-group-item {

text-decoration: none;

color: #555555;

}

a.list-group-item:hover,

a.list-group-item:focus {

text-decoration: none;

color: #555555;

background-color: #f5f5f5;

}

  Home

  Library

  Applications

  Settings

4，列表图标

使用 fa-ul 和 fa-li 可以很方便地替换list列表默认图标。