div+css布局模拟win95操作界面ui交互效果代码-html代码-BFW代码库

代码语言：html
代码描述：div+css布局模拟win95操作界面ui交互效果代码，可打开开始菜单、可拖动窗口，打开关闭，可打开内置的应用。
代码标签： div css 布局模拟 win95 操作界面 ui 交互 windows
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  


  
  
<style>
@charset "UTF-8";
@font-face {
  font-family: "MS Sans Serif";
  src: url("//repo.bfw.wiki/bfwrepo/images/win95/ms-sans-serif.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "MS Sans Serif";
  src: url("//repo.bfw.wiki/bfwrepo/images/win95/ms-sans-serif-bold.woff2") format("woff2");
  font-weight: bold;
  font-display: swap;
}
*, *:before, *:after {
  cursor: default;
  box-sizing: border-box;
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
  font-family: "MS Sans Serif", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 1px;
}

*:not(textarea, input) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:focus {
  outline: none;
}

::-moz-selection {
  background: none;
}

::selection {
  background: none;
}

body, html {
  height: 100%;
}

body {
  margin: 0;
  background-color: #fbe6e2;
  color: #263238;
  line-height: 1;
  overflow: hidden;
}

textarea {
  display: block;
  border: 0;
  padding: 3px;
  width: 100%;
  height: 100%;
  resize: none;
  overflow: scroll;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
textarea::-moz-selection {
  background-color: #577783;
  -webkit-tap-highlight-color: #577783;
  color: white;
}
textarea::selection {
  background-color: #577783;
  -webkit-tap-highlight-color: #577783;
  color: white;
}

.textarea-container {
  box-shadow: inset -1.5px -1.5px 0 0 #fcfcfc, inset 1.5px 1.5px 0 0 #a099a1, inset -3px -3px 0 0 #cac6cb, inset 3px 3px 0 0 #263238;
  padding: 3px;
}

[hidden] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

menu, ul:not(.information ul), ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.underline > li > a:not(.no-line):first-letter, .underline > li > a:not(.no-line) > span:first-letter, .underline > li > a:not(.no-line) .line:first-letter, .underline > li > label:not(.no-line):first-letter, .underline > li > label:not(.no-line) > span:first-letter, .underline > li > label:not(.no-line) .line:first-letter {
  text-decoration: underline;
}
.underline > li > a:not(.no-line) > span span:not(.line):first-letter, .underline > li > label:not(.no-line) > span span:not(.line):first-letter {
  text-decoration: none;
}
.underline > li > a:not(.no-line) .line, .underline > li > label:not(.no-line) .line {
  display: inline-block;
}

label:before, label:after, a:before, a:after {
  content: "";
  background-position: center center;
  background-size: contain;
}

label[tabindex] span {
  padding: 1px 2px;
}
label[tabindex] span span {
  padding: 0;
}

[class*=label]:not(.folders label):not(.label-nested):after {
  background-color: transparent;
  background-image: linear-gradient(45deg, #B2738E 25%, transparent 25%, transparent 75%, #B2738E 75%, #B2738E), linear-gradient(45deg, #B2738E 25%, transparent 25%, transparent 75%, #B2738E 75%, #B2738E);
  background-size: 3px 3px;
  background-position: 0 0, 1.5px 1.5px;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
[class*=label]:not(.folders label):not(.label-nested)[tabindex]:active:after, [class*=label]:not(.folders label):not(.label-nested)[tabindex]:focus:after {
  opacity: 1;
}

.label-nested:after {
  position: absolute;
  right: 6px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVQokWP8//8/AymAiSTVDAwMLOgCasYW/xkYGBhh/FtnTxBlA053Ymjg/vcTryYMDV+Z2PHahNPTUJsY0cVxavjKxI6hGJ8GrIoZGBgYGGkecSRrAABJOBMT7b9GFQAAAABJRU5ErkJggg==");
  background-size: 16px 16px;
}
.label-nested:hover:after {
  filter: invert(1) brightness(200%);
}

li:hover > .label-nested:after {
  filter: invert(1) brightness(200%);
}

.label-folder-programs:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
  background-repeat: no-repeat;
}
.label-folder-programs:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs.png");
}

.label-folder-programs-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
  background-repeat: no-repeat;
}
.label-folder-programs-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-programs-small.png");
}

.label-folder-documents:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
  background-repeat: no-repeat;
}
.label-folder-documents:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents.png");
}

.label-folder-documents-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
  background-repeat: no-repeat;
}
.label-folder-documents-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-documents-small.png");
}

.label-settings:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
  background-repeat: no-repeat;
}
.label-settings:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings.png");
}

.label-settings-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
  background-repeat: no-repeat;
}
.label-settings-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/settings-small.png");
}

.label-find:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
  background-repeat: no-repeat;
}
.label-find:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find.png");
}

.label-find-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
  background-repeat: no-repeat;
}
.label-find-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/find-small.png");
}

.label-help:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
  background-repeat: no-repeat;
}
.label-help:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help.png");
}

.label-help-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
  background-repeat: no-repeat;
}
.label-help-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/help-small.png");
}

.label-run:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
  background-repeat: no-repeat;
}
.label-run:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run.png");
}

.label-run-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
  background-repeat: no-repeat;
}
.label-run-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/run-small.png");
}

.label-shut-down:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
  background-repeat: no-repeat;
}
.label-shut-down:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down.png");
}

.label-shut-down-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
  background-repeat: no-repeat;
}
.label-shut-down-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/shut-down-small.png");
}

.label-notepad:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
  background-repeat: no-repeat;
}
.label-notepad:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad.png");
}

.label-notepad-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
  background-repeat: no-repeat;
}
.label-notepad-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/notepad-small.png");
}

.label-folder-explorer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
  background-repeat: no-repeat;
}
.label-folder-explorer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer.png");
}

.label-folder-explorer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
  background-repeat: no-repeat;
}
.label-folder-explorer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-explorer-small.png");
}

.label-document-text:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
  background-repeat: no-repeat;
}
.label-document-text:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text.png");
}

.label-document-text-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
  background-repeat: no-repeat;
}
.label-document-text-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-text-small.png");
}

.label-control-panel:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
  background-repeat: no-repeat;
}
.label-control-panel:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel.png");
}

.label-control-panel-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
  background-repeat: no-repeat;
}
.label-control-panel-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/control-panel-small.png");
}

.label-folder-printers:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
  background-repeat: no-repeat;
}
.label-folder-printers:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers.png");
}

.label-folder-printers-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
  background-repeat: no-repeat;
}
.label-folder-printers-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-printers-small.png");
}

.label-desktop:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
  background-repeat: no-repeat;
}
.label-desktop:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop.png");
}

.label-desktop-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
  background-repeat: no-repeat;
}
.label-desktop-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/desktop-small.png");
}

.label-computer:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
  background-repeat: no-repeat;
}
.label-computer:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer.png");
}

.label-computer-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
  background-repeat: no-repeat;
}
.label-computer-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/computer-small.png");
}

.label-disk:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
  background-repeat: no-repeat;
}
.label-disk:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk.png");
}

.label-disk-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
  background-repeat: no-repeat;
}
.label-disk-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/disk-small.png");
}

.label-diskette:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
  background-repeat: no-repeat;
}
.label-diskette:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette.png");
}

.label-diskette-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
  background-repeat: no-repeat;
}
.label-diskette-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/diskette-small.png");
}

.label-folder:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
  background-repeat: no-repeat;
}
.label-folder:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder.png");
}

.label-folder-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
  background-repeat: no-repeat;
}
.label-folder-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-small.png");
}

.label-recycle-bin:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
  background-repeat: no-repeat;
}
.label-recycle-bin:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin.png");
}

.label-recycle-bin-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
  background-repeat: no-repeat;
}
.label-recycle-bin-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/recycle-bin-small.png");
}

.label-inbox:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
  background-repeat: no-repeat;
}
.label-inbox:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox.png");
}

.label-inbox-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
  background-repeat: no-repeat;
}
.label-inbox-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/inbox-small.png");
}

.label-program:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
  background-repeat: no-repeat;
}
.label-program:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program.png");
}

.label-program-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
  background-repeat: no-repeat;
}
.label-program-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-small.png");
}

.label-program-config:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
  background-repeat: no-repeat;
}
.label-program-config:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config.png");
}

.label-program-config-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
  background-repeat: no-repeat;
}
.label-program-config-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/program-config-small.png");
}

.label-document-windows:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
  background-repeat: no-repeat;
}
.label-document-windows:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows.png");
}

.label-document-windows-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
  background-repeat: no-repeat;
}
.label-document-windows-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-windows-small.png");
}

.label-hardware:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
  background-repeat: no-repeat;
}
.label-hardware:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware.png");
}

.label-hardware-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
  background-repeat: no-repeat;
}
.label-hardware-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/hardware-small.png");
}

.label-add-programs:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
  background-repeat: no-repeat;
}
.label-add-programs:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs.png");
}

.label-add-programs-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
  background-repeat: no-repeat;
}
.label-add-programs-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/add-programs-small.png");
}

.label-date-time:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
  background-repeat: no-repeat;
}
.label-date-time:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time.png");
}

.label-date-time-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
  background-repeat: no-repeat;
}
.label-date-time-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/date-time-small.png");
}

.label-document-misc:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
  background-repeat: no-repeat;
}
.label-document-misc:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc.png");
}

.label-document-misc-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
  background-repeat: no-repeat;
}
.label-document-misc-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-misc-small.png");
}

.label-document-config:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
  background-repeat: no-repeat;
}
.label-document-config:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config.png");
}

.label-document-config-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
  background-repeat: no-repeat;
}
.label-document-config-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-config-small.png");
}

.label-document-font:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
  background-repeat: no-repeat;
}
.label-document-font:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font.png");
}

.label-document-font-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
  background-repeat: no-repeat;
}
.label-document-font-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/document-font-small.png");
}

.label-grpconv:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
  background-repeat: no-repeat;
}
.label-grpconv:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv.png");
}

.label-grpconv-small:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
  background-repeat: no-repeat;
}
.label-grpconv-small:not(.folders label):not(.label-nested):after {
  -webkit-mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
          mask-image: url("//repo.bfw.wiki/bfwrepo/images/win95/grpconv-small.png");
}

.label-folder-fonts-link:before {
  background-image: url("//repo.bfw.wiki/bfwrepo/images/win95/folder-fonts-link.png");
  backgroun.........完整代码请登录后点击上方下载按钮下载查看