【更多精彩,點擊進(jìn)入】【更多精彩,點擊進(jìn)入】

1.首先,在網(wǎng)上找一幅圖片,最好是網(wǎng)易相冊中的,比如:

   http://image39.360doc.com/DownloadImg/2011/09/2814/18089700_1.jpg

2.制作一個表格代碼及效果如下：

<div align="center">
 <table border="0" width="700" height="400" id="table1" style="border: 3px double #008080">
  <tr>
   <td>　</td>
  </tr>
 </table>
</div>

  在上面代碼中：<div align="center"></div>   表格在日志里顯示居中;

                          width="700" height="200"     表格的寬和高，寬設(shè)為700，是因為待加入的圖片寬為700

                                                                       高可以視需要可以設(shè)為任意數(shù)值；

                          double #008080                   框線的顏色，更改#008080代碼為自己喜歡的顏色;
 

   3.給上面的表格加入背景圖

      <div align="center">
 <table border="0" width="700" height="400" id="table1" style="border: 3px double #008080">
  <tr>
   <td background="http://image39.360doc.com/DownloadImg/2011/09/2814/18089700_1.jpg" width="700" height="100" align="left" valign="top">　</td>
  </tr>
 </table>
</div>

         在上面代碼中: background="http://image39.360doc.com/DownloadImg/2011/09/2814/18089700_1.jpg" width="700" height="100"    表示加入一個寬為700,高為100的背景圖片;

                            align="left" valign="top"    表示從表格的左中方位開始寫日志;

     4.在有背景圖片的框中書寫日志

        <div align="center">
 <table border="0" width="700" height="400" id="table1" style="border: 3px double #008080">
  <tr>
   <td background="http://image39.360doc.com/DownloadImg/2011/09/2814/18089700_1.jpg" width="700" height="100" align="left" valign="top">
 <p align="center"><span id="zoom8"><font color="#336600">
 <a target="_blank" href="http://oyline.blog.163.com/"><font color="#FF0000">
 雨霖鈴 ·柳永</font></a><br>
　</font></span></p>
 <p align="center"><span id="zoom">
 <font color="#0000FF" face="華文中宋" size="4">寒蟬凄切。</font></span></p>
 <p align="center"><span id="zoom0">
 <font color="#0000FF" face="華文中宋" size="4">對長亭晚，驟雨初歇。</font></span></p>
 <p align="center"><span id="zoom1">
 <font color="#0000FF" face="華文中宋" size="4">都門帳飲無緒，留戀處、蘭舟催發(fā)。</font></span></p>
 <p align="center"><span id="zoom2">
 <font color="#0000FF" face="華文中宋" size="4">執(zhí)手相看淚眼，竟無語凝噎。</font></span></p>
 <p align="center"><span id="zoom3">
 <font color="#0000FF" face="華文中宋" size="4">念去去、千里煙波，暮靄沉沉楚天闊。</font></span></p>
 <p align="center">　</p>
 <p align="center"><span id="zoom4">
 <font color="#0000FF" face="華文中宋" size="4">多情自古傷離別，更那堪冷落清秋節(jié)！</font></span></p>
 <p align="center"><span id="zoom5">
 <font color="#0000FF" face="華文中宋" size="4">今宵酒醒何處？楊柳岸、曉風(fēng)殘月。</font></span></p>
 <p align="center"><span id="zoom6">
 <font color="#0000FF" face="華文中宋" size="4">此去經(jīng)年，應(yīng)是良辰好景虛設(shè)。</font></span></p>
 <p align="center"><span id="zoom7">
 <font color="#0000FF" face="華文中宋" size="4">便縱有千種風(fēng)情，更與何人說？</font><font color="#666666"><br>
              
 </font></span></p>
 <p align="right"><font size="2" color="#666666">歐陽制作
 <a target="_blank" href="http://oyline.blog.163.com/">
  http://oyline.blog.163.com/</a></font></td>
  </tr>
 </table>
</div>