怎樣用HTML做出1px的超細邊框

經常可以在各式網站裡看到漂亮的網頁,但是做的很精緻的表格與邊框算是少見,自從CSS語法問世之後,要做漂亮的邊框頓時便得很輕鬆。但是如果CSS語法與javescript語法都被強制關閉,只能用HTML來表現的話,又該怎麼做到呢?這問題困擾我好幾天,因為最近在做ebay拍賣需要用到的網頁頁面,內容是珍妮用firework設計的,我負責將之網頁化。

從美工的角度來說,要畫1pixel的邊框非常容易,只要畫上一個框,再設定為1pixel即可,但是在網頁語法部份,為了考慮網頁呈現速度,不可能全部用圖片呈現,勢必要採取程式設計師的作法。當然,可用的方法有很多種,以往程式設計師會用1pixel去跑邊框,後來的美工程式會用CSS去設定,但是在ebay,這些程式都會被強制關閉,最後能用的只剩下HTML基本語法。

經過一兩天的尋找,終於找到前輩提供的方法,效果還不錯,方法是:

先建一个表格,再设定这个单元格的背景色,这个背景色就是你想要的边框颜色,然后在这个表格里插入一个表格,注意要把单元格间距设成1,背景色为白色而不是默认。


簡單的範例:
<table border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="1" width="300">
<tr>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
</td>
</tr>
</table>

經過測試,果然效果不錯,特別擺上來分享。

老男人の部落格: 想改blogger的版面必看

老男人の部落格: 想改blogger的版面必看

以前經常在Blogger的英文網站中找尋標籤的使用技巧,總覺得Blogger說明當中寫得很深奧,今天在我的焦點輪播當中看到這個網站,終於找到我要的。

趕快來學學怎樣優化Blogger,把我的部落進化的更精彩。