战斗员图鉴/个/小：修订间差异
来自卡厄思梦境WIKI
创建页面，内容为“<div class="avatar-frame">[[File:face_character_{{{1|}}}.png|link=]]<div class="avatar-name">{{{2|}}}</div></div> →头像框容器样式： .avatar-frame { position: relative; display: inline-block; border: 3px solid #ccc; →灰色边框： border-radius: 5px; →轻微圆角： overflow: hidden; →确保内容不超出边框： box-shadow: 0 2px 5px rgba(0,0,0,0.1); →轻微阴影增加层次感： background: #f5f5f5; /* 浅…” |
小无编辑摘要 |
||
| 第1行： | 第1行： | ||
<div class="avatar-frame">[[File:face_character_{{{1|}}}.png|link=]]<div class="avatar-name">{{{2|}}}</div></div> | <div class="avatar-frame">[[File:face_character_{{{1|}}}.png|link=]]<div class="avatar-name">{{{2|}}}</div></div> | ||
{{#css: | |||
.avatar-frame { | .avatar-frame { | ||
position: relative; | position: relative; | ||
| 第11行： | 第11行： | ||
} | } | ||
.avatar-frame img { | .avatar-frame img { | ||
display: block; | display: block; | ||
| 第19行： | 第18行： | ||
} | } | ||
.avatar-name { | .avatar-name { | ||
position: absolute; | position: absolute; | ||
| 第35行： | 第33行： | ||
border-top-right-radius: 3px; /* 右上角圆角 */ | border-top-right-radius: 3px; /* 右上角圆角 */ | ||
} | } | ||
}} | |||
