自助广告位pc端/手机端
一元置顶入驻

网站底部按钮美化

教程3个月前发布 壳壳

不多介绍了,一看就懂

网站底部按钮美化

礼貌回帖拿代码,尊重劳动成果切勿修改掉我的版权信息,感谢。

自定义CSS:

/*CSS 代码网站底部按钮美化*/

.juanyi-footerbadge{
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-bottom: 5px;
}
.juanyi-footerbadge>span{
    margin-right:3.5px;
}
.juanyi-footerbadge-start {
    display: inline-block;
    padding: 4px 6px 4px 6px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.juanyi-footerbadge-mid {
    display: inline-block;
    padding: 4px 6px 4px 6px;
    borde-radius: 8px;
}
.juanyi-footerbadge-end {
    display: inline-block;
    padding: 4px 6px 4px 6px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.juanyi-footerbadge-blue {
    background-color: #007ec6;
}
.juanyi-footerbadge-brightgreen {
    background-color: #4dc820;
}
.juanyi-footerbadge-blueviolet {
    background-color: #8833d7;
}
.juanyi-footerbadge-orange {
    background-color: orange;
}
.juanyi-footerbadge-red {
    background-color: red;
}
.juanyi-footerbadge-purple {
    background-color: #f04494;
}
/*CSS 代码网站底部按钮美化结束*/

适当的位置增加以下HTML代码:

隐藏内容!
评论后才能查看!

 

温馨提示:本文最后更新于2024-06-29 10:37:33,某些文章具有时效性,若有错误或已失效,请在下方评论区留言或站内联系站长
© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...
一键登录开启个人书签等功能!
随便看看