网站底部按钮美化

教程7个月前发布 壳壳
237 0 0

不多介绍了,一看就懂

网站底部按钮美化

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

自定义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代码:

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

 

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...