用CSS自己定制博客园博客的首页

　　博客园的模板没有自己的喜欢的，所以就自己试着改了一个，刚开始完全摸不着头脑，在博客园里面搜了下，有很多相关的博客，先贴些链接：

• 教你怎样快速DIY自己的博客园SKIN
• css打造自己的博客园
• 大家一起来博皮
• 下载博客皮肤静态页面，方便地在本地进行调试和测试

　　个人觉得在自己定义CSS之前最好将模板改成custom的，这样会比较标准，页面是官方提供的标准静态页面（虽然发现个别地方不一样，但是比其他的好多了）。然后下载下来自己的页面，自己新建一个CSS style文件，把下载下来的网页文件的css改成自己的，然后一步一步按照自己的需求改。

　　我自己改的不多，主要是字体，我喜欢微软雅黑。博客园在style中将p自动缩进了，我不习惯，还是喜欢所见即所得吧，所以去掉。另外我很喜欢css3的圆角和投影，尽管在ie浏览器中无法显示出来，但是也不影响整体。我的关于圆角和投影的代码：

 

    border:1px solid #999;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -webkit-box-shadow:5px 2px 6px #000;-moz-box-shadow:5px 2px 6px #000;padding:4px 10px;

 

　　然后我再后台里面禁用了默认模板CSS，在通过CSS定制页面风格里面设置了我自己的代码。

　　我自己的CSS代码也放个链接吧，https://files.cnblogs.com/freall/freall.css，欢迎批评指正。