网站文章底部文字提示美化图文教程
最近有朋友咨询阿豪运维笔记,觉得我的网站文章底部文字提示风格挺好看。自己在网站文章底部加了一段版权/文字提示看起来太丑了。于是问我怎么弄的?教完他设置之后,简单写个教程跟大家分享下。
效果图
教学部分
首先我们需要添加如下CSS样式
PS:copyright-article 这个名称可以自定义
.copyright-article { font-size: 15px; font-size: 1.5rem; color: #444; text-align: justify; margin: 15px 0; padding: 10px; border-radius: 3px; border: 1px dashed #f18110; }
css代码解释
text-align: justify; //两端对齐
border: 1px dashed #f18110; //设置框粗细和颜色
代码部分
<div class="copyright-article" >输入想要显示的内容</div>
若文章图片、下载链接等信息出错,请联系反馈,博主将第一时间更新!如果喜欢本站,请打赏支持本站,谢谢!
文章版权声明:除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。