网站文章底部文字提示美化图文教程

温馨提示:这篇文章已超过165天没有更新,请注意相关的内容是否还可用!

最近有朋友咨询阿豪运维笔记,觉得我的网站文章底部文字提示风格挺好看。自己在网站文章底部加了一段版权/文字提示看起来太丑了。于是问我怎么弄的?教完他设置之后,简单写个教程跟大家分享下。

效果图

image.png

教学部分

首先我们需要添加如下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>


以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作有参考学习价值
喜欢请点击上方【分享】,如果对您有帮助可点击上方【打赏】打赏本站。谢谢大家对阿豪运维笔记的支持。

文章作者: 阿豪运维笔记(阿豪同学)
本文链接:
文章版权:站长码字很辛苦,除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码