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

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

content: “f0e6”;
}
.icon-bolt:before {
content: “f0e7”;
}
.icon-sitemap:before {
content: “f0e8”;
}
.icon-umbrella:before {
content: “f0e9”;
}
.icon-paste:before {
content: “f0ea”;
}
.icon-lightbulb:before {
content: “f0eb”;
}
.icon-exchange:before {
content: “f0ec”;
}
.icon-cloud-download:before {
content: “f0ed”;
}
.icon-cloud-upload:before {
content: “f0ee”;
}
.icon-user-md:before {
content: “f0f0”;
}
.icon-stethoscope:before {
content: “f0f1”;
}
.icon-suitcase:before {
content: “f0f2”;
}
.icon-bell-alt:before {
content: “f0f3”;
}
.icon-coffee:before {
content: “f0f4”;
}
.icon-food:before {
content: “f0f5”;
}
.icon-file-alt:before {
content: “f0f6”;
}
.icon-building:before {
content: “f0f7”;
}
.icon-hospital:before {
content: “f0f8”;
}
.icon-ambulance:before {
content: “f0f9”;
}
.icon-medkit:before {
content: “f0fa”;
}
.icon-fighter-jet:before {
content: “f0fb”;
}
.icon-beer:before {
content: “f0fc”;
}
.icon-h-sign:before {
content: “f0fd”;
}
.icon-plus-sign-alt:before {
content: “f0fe”;
}
.icon-double-angle-left:before {
content: “f100”;
}
.icon-double-angle-right:before {
content: “f101”;
}
.icon-double-angle-up:before {
content: “f102”;
}
.icon-double-angle-down:before {
content: “f103”;
}
.icon-angle-left:before {
content: “f104”;
}
.icon-angle-right:before {
content: “f105”;
}
.icon-angle-up:before {
content: “f106”;
}
.icon-angle-down:before {
content: “f107”;
}
.icon-desktop:before {
content: “f108”;
}
.icon-laptop:before {
content: “f109”;
}
.icon-tablet:before {
content: “f10a”;
}
.icon-mobile-phone:before {
content: “f10b”;
}
.icon-circle-blank:before {
content: “f10c”;
}
.icon-quote-left:before {
content: “f10d”;
}
.icon-quote-right:before {
content: “f10e”;
}
.icon-spinner:before {
content: “f110”;
}
.icon-circle:before {
content: “f111”;
}
.icon-reply:before,
.icon-mail-reply:before {
content: “f112”;
}
.icon-folder-close-alt:before {