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

  • 2016年5月20日
  • 773
  • A+
所属分类:前端技术
摘要

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

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

文件修改

style.css 文件修改

  1. blockquote {
  2.     color#7da33c;
  3.     background#ecf2d6 url('/file/sc_notice.png') -1px -1px no-repeat;
  4.     border1px solid #aac66d;
  5.     padding15px 15px 5px 35px;
  6.     width: 100%;
  7.     margin-bottom20px;
  8. }

效果展示

然后就有了如下的效果:

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

感觉比原来的好看。

 

背景图片

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

 

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
在未知的未来将要发生的事,一定有它的意义

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: