/* CSS 样式 */ .fixed-post-button { position: fixed; bottom: 1px; /* 调整这个值来改变按钮距离屏幕底部的距离 */ left: 10px; /* 调整这个值来改变按钮距离屏幕左侧的距离 */ z-index: 100; display: flex; align-items: center; justify-content: center; padding: 5px; /* 减小内边距,因为图标会增加空间 */ background-color: #d5d5d5; /* Win95 开始按钮的背景色 */ border: 2px outset #9ea3b3; /* Win95 开始按钮的边框样式和颜色 */ border-radius: 0px; /* 增加边框圆角,使其看起来更复古 */ text-decoration: none; color: #16181c; /* 黑色文本,与 Win95 开始按钮一致 */ font-size: 12px; /* 减小字体大小,使其看起来更复古 */ font-weight: bold; font-family: 'Courier New', Consolas, Menlo; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: background-color 0.2s ease, border-color 0.2s ease; /* 添加图标背景 */ background-image: url('win95-start-icon.png'); background-size: 30px 25px; /* 假设图标大小为 16x16px,根据需要调整 */ background-repeat: no-repeat; background-position: left center; /* 图标位于左侧,垂直居中 */ padding-left: 35px; /* 根据图标大小增加左侧内边距,以确保图标与文本之间有间隔 */ } .fixed-post-button:hover { background-color: #666; /* 鼠标悬停时的背景颜色 */ border-color: #a0a0a0; } .fixed-post-button span { margin-right: 4px; } .fixed-post-button i { font-size: 12px; /* 稍微增大图标大小,使其更醒目 */ } /* 如果使用 Font Awesome,确保引入正确的 CSS 文件 */