状态栏通用代码
电子魅魔吧
全部回复
仅看楼主
level 8
竹叶花雕 楼主
<!-- 点击切换隐藏状态的按钮 -->
<div onclick="this.nextElementSibling.style.display=getComputedStyle(this.nextElementSibling).display==='none'?'block':'none';">隐藏状态🤫</div>
<!-- 状态栏的容器,设置了样式 -->
<div style="
border: 2px solid rgb(191, 291, 234); /* 边框样式 */
border-radius: 15px; /* 边框圆角 */
width: 305px; /* 宽度 */
height: 400px; /* 高度 */
overflow-y: auto; /* 超出高度时显示垂直滚动条 */
padding: 6px 16px 16px 6px; /* 内边距 */
font-size: 15px; /* 字体大小 */
color: rgb(255,0,0); /* 文字颜色 */
background-color: rgba(0, 0, 0, 0.8); /* 背景颜色(半透明黑色) */
background-image: url('https://2.z.wiki/autoupload/20250529/hftq/1488X2088/B080A4F8-6B98-4F5C-8F8B-5E7DB26062CD.png'); /* 背景图片 */
background-size: cover; /* 背景图片覆盖整个容器 */
background-position: center; /* 背景图片居中 */
background-repeat: no-repeat; /* 背景图片不重复 */
letter-spacing: 1px; /* 字母间距 */
line-height: 1.5; /* 行高 */
font-weight: 700; /* 字体加粗 */
">
<!-- 状态栏的内容 -->
状态栏<br>
姓名
年龄
身份:
外貌
性格

</div>
2025年05月29日 06点05分 1
level 8
竹叶花雕 楼主
每项数值都有标注,网址可以自己传自己的图片,
2025年05月29日 06点05分 2
level 2
帅,楼主,帅
2025年05月30日 02点05分 3
1