博客园美化相关文章目录：
一、背景
写文章用到的图片尺寸都很大，但是放到博客里面就显得比较小，所以每次看图时需要打开新标签页来看大图，有没有什么办法直接在博客里面预览大图呢？有的，CSS的强大功能就可以帮助实现
二、放大预览效果
放大一个我之前刷题小程序的图片 为了考PMP，我做了一个刷题小程序
三、代码实现
看一样CSS怎么做到的：
#mainContent img
{
z-index: 1000; //设置为最顶层，以免左侧导航栏遮挡
position: relative;
cursor: pointer;//鼠标样式：手势
transition: all 1.2s; //放大的时间：1.2s
}
#mainContent img:hover {
transform: scale(1.4); //放大倍数：1.4倍
}
将这段代码粘贴到 页面定制CSS代码 里面
关注公众号：悟空聊架构，回复pmp，领取pmp资料！回复悟空，领取架构师资料！
作 者：悟空聊架构
出 处：http://www.cnblogs.com/jackson0714/
关于作者：专注于移动开发。如有问题或建议，请多多赐教！
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
特此声明：所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误，共同进步。或者直接私信我
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力！
悟空聊架构
关注我，带你每天进步一点点！
还有111本书籍赠送~~