<a href="AAA" target="_blank">
<span class="oneStyle">瓜皮之牙</span>
</a>

.oneStyle {
color: #FFF;      /* 文本颜色 */
font-weight: bold;      /* 文本加粗 */
background-color: #000;      /* 背景底色 */
border-radius: 5px;      /* 背景底色圆角为5px */
padding: 8px;      /* 通用内间距 */
padding-left: 20px;      /* 左内间距 */
padding-right: 20px;      /* 右内间距 */
box-shadow: 2px 2px 4px rgba(42, 144, 255, 0.9);      /* 边框下的阴影 */
transition: background-color 0.5s ease;      /* 背景色变换动画，过渡时间0.5秒，变化方式为ease */
}

.oneStyle:hover {
background-color: #169AE7;      /* 鼠标悬停时的背景色变为白色 */
}