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

一、代码块  

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
最后贴出这个的源代码
<p style="margin:20px 0;">	<span style="font-size:18px;"><strong style="background:#f5f5f5;padding:10px;border-radius:6px;border:2px solid #ccc;border-left:6px solid #2175bc;">一、代码块   </strong></span></p><pre name="code" style="width:780px;border-radius:6px;background:#002b36;color:#999;padding:10px;border:2px solid black;font-size:16px;">public class Student{       public static void main(String[] args){            System.out.println("Hello,World");       }}</pre><p style="margin:20px 0;">	<strong style="background:#f5f5f5;padding:10px;border-radius:6px;border:2px solid #ccc;border-left:6px solid #2175bc;"><span style="font-size:18px;">二、操作命令</span><br />	</strong></p><pre name="code" style="width:780px;border-radius:6px;background:#000;color:white;padding:10px;border:2px solid gray;font-size:16px;">ps -ef |grep java</pre><p style="margin:20px 0;">	<span style="font-size:18px;"><strong style="background:#f5f5f5;padding:10px;border-radius:6px;border:2px solid #ccc;border-left:6px solid #2175bc;">三、标题</strong></span></p><pre style="width:100px;padding:10px;border-radius:6px;color:#000;font-weight:bold;font-size:16px;border:2px solid #ddd;border-left:6px solid #2175bc;"><strong>这是一个标题</strong></pre><p style="margin:20px 0;">	<span style="font-size:18px;"><strong style="background:#f5f5f5;padding:10px;border-radius:6px;border:2px solid #ccc;border-left:6px solid #2175bc;">四、表格</strong></span></p><p>  	<table style="border:1px solid #ccc;" width="800" cellspacing="0" cellpadding="0" border="0">          		<tbody>                			<tr style="height:28px;background:#999;">                      				<th scope="col">					ID				</th>				<th scope="col">					姓名				</th>				<th scope="col">					联系方式				</th>                			</tr>           		</tbody>           		<tbody>                 			<tr style="text-align:center;height:28px;">                     				<td>					1				</td>				<td>					feiy				</td>				<td>					15011186301				</td>                 			</tr>                 			<tr style="text-align:center;height:28px;">                     				<td>					2				</td>				<td>					feifi				</td>				<td>					15026418738				</td>                 			</tr>           		</tbody>       	</table></p>