子比主题美化-小工具标题美化

0616

效果图

d2b5ca33bd20240427144859

位置自己调整。

HTML代码

本文隐藏内容
 
 
 
<div class=“file-format” data-v-2775696c=“”><span id=“index-xtips” class=“txt-file-format” data-v-2775696c=“”>超强生产力，动力足！</span> <span class=“file-format-icons” data-v-2775696c=“”><i class=“icon_ps” data-v-2775696c=“”></i> <i class=“icon_ai” data-v-2775696c=“”></i> <i class=“icon_sketch” data-v-2775696c=“”></i> <i class=“icon_3dMax” data-v-2775696c=“”></i> <i class=“icon_cdr” data-v-2775696c=“”></i> <i class=“icon_c4d” data-v-2775696c=“”></i> <i class=“icon_blender” data-v-2775696c=“”></i></span></div>

CSS代码

本文付费阅读内容 – 超星大会员免费
 
 
 
/*小工具副标题美化*/
.file-format {
padding: 0 20px;
height: 38px;
background: linear-gradient(224deg, rgba(255, 110, 144, .08), rgba(208, 147, 255, .08) 42%, rgba(105, 105, 255, .08) 100%, rgba(105, 105, 255, .08) 0);
border-radius: 28px;
display: flex;
align-items: center;
justify-content: center;
}
 
span.txt-file-format {
font-size: 13px;
font-weight: 700;
color: #424866;
line-height: 18px;
margin-right: 17px;
}
 
i.icon_ai[data-v-2775696c], i.icon_ps[data-v-2775696c] {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
}
i.icon_ps[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-ps.svg) no-repeat 50% / 100%;
}
 
.stay-tuned-box .file-format .file-format-icons i[data-v-2775696c] {
margin-right: 9px;
}
 
i.icon_ai[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-ai.svg) no-repeat 50% / 100%;
}
 
i.icon_sketch[data-v-2775696c] {
width: 26px;
height: 26px;
display: inline-block;
background: url(https://www.macgf.com/img/icon-sketch.svg) no-repeat 50% / 100%;
vertical-align: middle;
}
 
.stay-tuned-box .file-format .file-format-icons i[data-v-2775696c] {
margin-right: 9px;
}
 
i.icon_3dMax[data-v-2775696c], i.icon_blender[data-v-2775696c] {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
}
i.icon_3dMax[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-3dMax.svg) no-repeat 50% / 100%;
}
 
.stay-tuned-box .file-format .file-format-icons i[data-v-2775696c] {
margin-right: 9px;
}
 
i.icon_c4d[data-v-2775696c], i.icon_cdr[data-v-2775696c] {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
}
i.icon_cdr[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-cdr.svg) no-repeat 50% / 100%;
}
 
.stay-tuned-box .file-format .file-format-icons i[data-v-2775696c] {
margin-right: 9px;
}
 
i.icon_c4d[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-c4d.svg) no-repeat 50% / 100%;
}
 
i.icon_blender[data-v-2775696c] {
background: url(https://www.macgf.com/img/icon-blender.svg) no-repeat 50% / 100%;
}
i.icon_3dMax[data-v-2775696c], i.icon_blender[data-v-2775696c] {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
}
/*小工具副标题美化*/
本文链接：
文章作者
HAC 社区
隐私政策
PrivacyPolicy
用户协议
UseGenerator
许可协议
NC-SA 4.0
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
网站美化
# 子比
喜欢就支持一下吧
点赞6 分享
HAC的头像-HAC社区
密码保护：白皮书——流量卡代理加盟规则（试行版）-HAC社区
密码保护：白皮书——流量卡代理加盟规则（试行版）
密码保护：白皮书——流量卡代理加盟规则（试行版）
7月3日 17:32 387
HAC号卡系统使用手册-HAC社区
HAC号卡系统使用手册
HAC号卡系统使用手册
2月6日 21:56 200
ChatGPT一键部署教程（国内可用，且防封）-HAC社区
ChatGPT一键部署教程（国内可用，且防封）
ChatGPT一键部署教程（国内可用，且防封）
6月23日 14:15 197
旧系统使用手册（图文版）-HAC社区
旧系统使用手册（图文版）
旧系统使用手册（图文版）
8月4日 00:19 167
超低价官方购买iCloud储存，官方渠道非家庭共享非拼车-HAC社区
超低价官方购买iCloud储存，官方渠道非家庭共享非拼车
超低价官方购买iCloud储存，官方渠道非家庭共享非拼车
5月18日 19:38 100
短剧更新时间表-HAC社区
短剧更新时间表
短剧更新时间表
3月22日 22:16 93
相关推荐
子比主题美化 – 首页排名榜样式美化-HAC社区
子比主题美化 – 首页排名榜样式美化
子比主题美化 – 首页排名榜样式美化
6月17日 10:20 66
子比主题 – 在线投稿联系方式小工具模块-HAC社区
子比主题 – 在线投稿联系方式小工具模块
子比主题 – 在线投稿联系方式小工具模块
6月17日 11:57 66
子比主题美化-小工具标题美化-HAC社区
子比主题美化-小工具标题美化
子比主题美化-小工具标题美化
6月16日 16:21 61
zibll主题右侧悬浮导航美化版本修正版本-HAC社区
zibll主题右侧悬浮导航美化版本修正版本
zibll主题右侧悬浮导航美化版本修正版本
6月16日 18:50 55
WordPress文章关注公众号可见-HAC社区
WordPress文章关注公众号可见
WordPress文章关注公众号可见
6月16日 19:29 55
子比主题美化-侧边栏悬浮按钮美化-HAC社区
子比主题美化-侧边栏悬浮按钮美化
子比主题美化-侧边栏悬浮按钮美化
6月17日 17:41 46
评论 抢沙发

请登录后发表评论

    暂无评论内容

图片