博客内容的样式

　　刚写了自己的第一篇博客，整理格式耗费了大量的时间，现在把这个格式贴出来，可供享用。

 

 目录

1.内容

 

返回目录 内容

　　第一部分：

　　

<div><a name="index"></a></div>

<div style="background-color: #ccc; font-size: 24px; font-weight: bold; height: 75px; padding-left: 50px; line-height: 75px; vertical-align: middle;">

<span style="float: left; border: 16px #CCC solid; border-left-color: #03C; height: 1px;  5px; margin-top: 15px;"> </span>
<span style="float: left;">目录</span>

</div>

 第二部分：

<div style="padding: 20px; padding-left: 40px;">
<div><a style="color: #00c;" href="#title1">1.内容</a></div>
</div>

  第三部分：

<div><a name="title1"></a> </div>

<div style="background-color: #ccc; font-size: 24px; font-weight: bold; height: 75px; padding-left: 50px; line-height: 75px; vertical-align: middle;">
<span style="font-size: 10px; font-weight: normal; float: right;"><a href="#index">返回目录</a></span>

<span style="float: left; border: 16px #CCC solid; border-left-color: #03C; height: 1px;  5px; margin-top: 15px;"> </span>

<span style="float: left;">内容</span>

</div>