小灶：html

來源: 移花接木 於 2024-11-10 15:23:55 [] [博客] [舊帖] [給我悄悄話] 閱讀數 : (20760 bytes)
本帖於 2024-11-10 15:27:15 時間, 由版主 移花接木 編輯
回答: 小灶，結果 由 移花接木 於 2024-11-10 15:16:48
  • 給table 增加了一個margin-left 參數,見綠圈內，因為文學城頁麵寬度限製，所以你的table必須偏左一些，
  • 把table寬度增加到980，因為外鏈圖片會被壓縮到960, 這樣兩側留邊，你以前寬度是960圖片不留邊
  • 你可根據不同圖片尺寸，隨意調整cellpadding(左右位置), cellspacing（圖片間距）,等參數

 

 

<table bgcolor="#7A7777" border="1" cellpadding="10" cellspacing="6" style="margin-left:-18px;" width="980">
    <tbody>
        <tr>
            <td><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div style="text-align: center;"><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><span style="font-size:24px"><span style="color:#FFFFFF">the United States Air Force Band</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF"><span style="color:#FFFFFF">*&nbsp; *&nbsp; *&nbsp; &nbsp; &nbsp; &nbsp;</span><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">*&nbsp; *&nbsp; *&nbsp;</span>&nbsp; &nbsp; &nbsp; &nbsp;<span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">*&nbsp; *&nbsp; *&nbsp;</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">&nbsp;</span></div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF"><span style="background-color:rgb(122, 119, 119); text-align:center">1</span></span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><img border="0" src="https://live.staticflickr.com/65535/54127887677_08de15caf1_b.jpg " /></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="color:#FFFFFF">2</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div>&nbsp;</div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <p><img border="0" src="https://live.staticflickr.com/65535/54129072544_daf2c34db8_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <div><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">3</span></div>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54129074004_105d04d44a_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="color:#FFFFFF">4</span></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54129182500_fa2045df1c_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">5</span></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><img border="0" src=" https://live.staticflickr.com/65535/54128727386_5257183187_b.jpg " /></p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;</p>

            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>

            <p><span style="color:#FFFFFF">謝謝觀賞,歡迎點評！</span></p>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
            <br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        </tr>
    </tbody>
</table>

<p>&nbsp;</p>

   
       
           
       
   

 

 

 

 

 

所有跟帖： 

• 謝謝！等我到電腦上研究下～ -蘇家小灶- ♀ 給 蘇家小灶 發送悄悄話 蘇家小灶 的博客首頁 (0 bytes) () 11/10/2024 postreply 17:35:13

• 不用研究，完全還是你的代碼，我加了幾個參數，直接拷貝 -移花接木- ♂ 給 移花接木 發送悄悄話 移花接木 的博客首頁 (0 bytes) () 11/11/2024 postreply 04:18:56

• 好嘞，謝謝 -蘇家小灶- ♀ 給 蘇家小灶 發送悄悄話 蘇家小灶 的博客首頁 (0 bytes) () 11/11/2024 postreply 10:24:10

請您先登陸，再發跟帖！