利用CSS实现几款不错的菜单栏实例代码

2020-05-11 18:25:04易采站长站整理

}
.icon-bar-chart:before {
content: “f080”;
}
.icon-twitter-sign:before {
content: “f081”;
}
.icon-facebook-sign:before {
content: “f082”;
}
.icon-camera-retro:before {
content: “f083”;
}
.icon-key:before {
content: “f084”;
}
.icon-cogs:before {
content: “f085”;
}
.icon-comments:before {
content: “f086”;
}
.icon-thumbs-up:before {
content: “f087”;
}
.icon-thumbs-down:before {
content: “f088”;
}
.icon-star-half:before {
content: “f089”;
}
.icon-heart-empty:before {
content: “f08a”;
}
.icon-signout:before {
content: “f08b”;
}
.icon-linkedin-sign:before {
content: “f08c”;
}
.icon-pushpin:before {
content: “f08d”;
}
.icon-external-link:before {
content: “f08e”;
}
.icon-signin:before {
content: “f090”;
}
.icon-trophy:before {
content: “f091”;
}
.icon-github-sign:before {
content: “f092”;
}
.icon-upload-alt:before {
content: “f093”;
}
.icon-lemon:before {
content: “f094”;
}
.icon-phone:before {
content: “f095”;
}
.icon-check-empty:before {
content: “f096”;
}
.icon-bookmark-empty:before {
content: “f097”;
}
.icon-phone-sign:before {
content: “f098”;
}
.icon-twitter:before {
content: “f099”;
}
.icon-facebook:before {
content: “f09a”;
}
.icon-github:before {
content: “f09b”;
}
.icon-unlock:before {
content: “f09c”;
}
.icon-credit-card:before {
content: “f09d”;
}
.icon-rss:before {
content: “f09e”;
}
.icon-hdd:before {
content: “f0a0”;
}
.icon-bullhorn:before {
content: “f0a1”;
}
.icon-bell:before {
content: “f0a2”;
}
.icon-certificate:before {
content: “f0a3”;
}
.icon-hand-right:before {
content: “f0a4”;
}
.icon-hand-left:before {
content: “f0a5”;
}
.icon-hand-up:before {
content: “f0a6”;
}
.icon-hand-down:before {
content: “f0a7”;
}
.icon-circle-arrow-left:before {
content: “f0a8”;
}
.icon-circle-arrow-right:before {
content: “f0a9”;
}
.icon-circle-arrow-up:before {
content: “f0aa”;
}
.icon-circle-arrow-down:before {
content: “f0ab”;