绿色标题和描述的容器效果,用于首页作为一些小组件的标题挺不错的。
使用方法:外观-小工具-自定义HTML,复制进去就可以了。具体哪里看你们自己吧。CSS压缩了,看不懂的话就可以把CSS格式化回来。
![博客网站添加绿色标题和分隔线效果的容器-彩豆博客 博客网站添加绿色标题和分隔线效果的容器-彩豆博客](https://img.521cd.cn/i/2024/07/04/5ljw.png)
<div class="emoji-container">
<div class="emoji-title">NEW</div>
<div class="emoji-separator emoji-sub emoji-sm">学无止境,活到老,学到老</div>
</div>
<style>
.emoji-container{display:flex;flex-direction:column;align-items:center;text-align:center}
.emoji-separator:before,.emoji-separator:after{content:"";background:#777;flex:1;height:1px;margin:0 10px;max-width:16%}
.emoji-separator{display:flex;align-items:center;justify-content:center;width:100%}
.emoji-sub{color:#8c92a1!important}
.emoji-sm{font-size:14px}
.emoji-title{font-size:24px;font-weight:bold;color:green}
</style>
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.521cd.cn/wp-content/uploads/2024/04/6561c98c703bf.gif)
© 版权声明
THE END
暂无评论内容