博客主题优化-块引用样式优化

老虎说测试 前端技术字数 303阅读1分0秒阅读模式
摘要总感觉自带的blockquote 样式不是很好看,抽空弄了下,感觉比以前好多了,优化下块引用样式优化。

总感觉自带的blockquote 样式不是很好看,抽空弄了下,感觉比以前好多了,优化下块引用样式优化。

文件修改

style.css 文件修改文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

blockquote {
    color: #7da33c;
    background: #ecf2d6 url('/file/sc_notice.png') -1px -1px no-repeat;
    border: 1px solid #aac66d;
    padding: 15px 15px 5px 35px;
    width: 100%;
    margin-bottom: 20px;
}

效果展示

然后就有了如下的效果:文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

博客主题优化-块引用样式优化-图片1文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

感觉比原来的好看。文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

 文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

背景图片

博客主题优化-块引用样式优化-图片2文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

 文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

 文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html 文章源自陈学虎-https://chenxuehu.com/article/2016/05/5178.html

 最后更新:2021-8-16
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:博客主题优化-块引用样式优化 | https://chenxuehu.com/article/2016/05/5178.html