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

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

content: “f026”;
}
.icon-volume-down:before {
content: “f027”;
}
.icon-volume-up:before {
content: “f028”;
}
.icon-qrcode:before {
content: “f029”;
}
.icon-barcode:before {
content: “f02a”;
}
.icon-tag:before {
content: “f02b”;
}
.icon-tags:before {
content: “f02c”;
}
.icon-book:before {
content: “f02d”;
}
.icon-bookmark:before {
content: “f02e”;
}
.icon-print:before {
content: “f02f”;
}
.icon-camera:before {
content: “f030”;
}
.icon-font:before {
content: “f031”;
}
.icon-bold:before {
content: “f032”;
}
.icon-italic:before {
content: “f033”;
}
.icon-text-height:before {
content: “f034”;
}
.icon-text-width:before {
content: “f035”;
}
.icon-align-left:before {
content: “f036”;
}
.icon-align-center:before {
content: “f037”;
}
.icon-align-right:before {
content: “f038”;
}
.icon-align-justify:before {
content: “f039”;
}
.icon-list:before {
content: “f03a”;
}
.icon-indent-left:before {
content: “f03b”;
}
.icon-indent-right:before {
content: “f03c”;
}
.icon-facetime-video:before {
content: “f03d”;
}
.icon-picture:before {
content: “f03e”;
}
.icon-pencil:before {
content: “f040”;
}
.icon-map-marker:before {
content: “f041”;
}
.icon-adjust:before {
content: “f042”;
}
.icon-tint:before {
content: “f043”;
}
.icon-edit:before {
content: “f044”;
}
.icon-share:before {
content: “f045”;
}
.icon-check:before {
content: “f046”;
}
.icon-move:before {
content: “f047”;
}
.icon-step-backward:before {
content: “f048”;
}
.icon-fast-backward:before {
content: “f049”;
}
.icon-backward:before {
content: “f04a”;
}
.icon-play:before {
content: “f04b”;
}
.icon-pause:before {
content: “f04c”;
}
.icon-stop:before {
content: “f04d”;
}
.icon-forward:before {
content: “f04e”;
}
.icon-fast-forward:before {
content: “f050”;
}
.icon-step-forward:before {
content: “f051”;
}
.icon-eject:before {
content: “f052”;
}
.icon-chevron-left:before {