CSWL官方博客
加载中...
网站底部美化按钮-子比美化
Mr.Chen
UID:1
地仙境
创始人
2025-03-11
1381
教程分为两步，添加 css 样式和添加 HTML 代码即可如下
CSS代码添加到主题的全局CSS里面
/*CSS 代码网站底部按钮美化 */
:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge {
display: inline-block;
border-radius: 4px;
text-shadow: none;
font-size: 12px;
color: #fff;
line-height: 15px;
margin-bottom: 5px;
}
.badge-subject {
display: inline-block;
background-color: #4d4d4d;
padding: 4px 4px 4px 6px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.github-badge .bg-blue {
background-color: #007ec6;
}html代码:把下方代码添加到底部，内容自己修改。
<!--网站底部按钮美化 html 开始 -->
<div class="github-badge">
<span class="badge-subject bg-blue">
<a style="color:#fff" href="/privacy-policy" target="_blank">隐私政策</a>
</span>-
<span class="badge-subject bg-brightgreen">
<a style="color:#fff" href="/mzsm" target="_blank">免责声明</a>
</span>-
<span class="badge-value bg-blueviolet">
<a style="color:#fff" href="/wp-sitemap.xml" target="_blank">网站地图</a>
</span>-
<span class="badge-value bg-red">
<a style="color:#fff" href="/yl" target="_blank">友情链接</a>
</div>
<!--网站底部按钮美化 html 结束 -->
相关帖子
看过的人
(0)
每日签到
今日共1人签到
请先登录
周一
周二
周三
周四
周五
周六
周日
2025年乙巳年蛇年
13:36:00
公历日期
9月26日
农历日期
八月初五
星期
星期五
下午好
金秋时节，愿您收获满满