如何写出布局好看而且漂亮的博客

一、代码块

public class Student{
       public static void main(String[] args){
            System.out.println("Hello,World");
       }
}

二、操作命令

ps -ef |grep java

三、标题

这是一个标题

四、表格

ID	姓名	联系方式
1	feiy	15011186301
2	feifi	15026418738

五、图片 

六、总结书写经验 

1、利用默认编辑器编写，编写好博客之后修饰;

2、对需要修饰的部分，例如：标题，代码，命令，图片均使用<pre name="code"></pre>块包裹起来，然后

使用你想使用的任何样式都可以修饰，越好看越好，加圆角、边框，设背景，设置字体大小，设置字体等，在

默认情况下，<prename="code"style=""></pre>的内容不会被过滤,样式不会被冲掉(csdn在页面源码保存

时会过滤一些样式，如圆角)。所以可以加任何的样式，甚至可以加上你想执行的脚本，只要代码套在<pre 

name="code"></pre>之间;

3、利用默认编辑器自带的源码工具，可以查看编写的代码，可以编辑，可以预览编辑的效果：

查看编辑效果：

4、对于图片，宽度一般默认是600px,对于尺寸稍大的图片压缩之后显得不清晰，这里也可以修改图片的长度，

建议截图时宽度尽量保持一致800px,这样就不会每个图片宽度显示不一样，给页面布局造成参差不齐，只需要

如下代码：

<pre name="code" style="max-width:800px;border-radius:4px;overflow:hidden;
margin:0;font-size:0">
     <img src="url" alt="" style="float:left;max-width:796px;border:2px solid #000;"/>
</pre>

5、修饰博客，是一门技术活，也是一门辛苦活，要花很多时间，建议大家在上班时间不要这么干。可以先保存

为草稿，晚上回家慢慢捣鼓，直男请绕行。