怎樣用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>

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

新車第一次進場保養

今年七月買的新車,開了近半年,終於開到將近3,750mile,依照車商的建議,應該是第一次進場換油的時間了。


因為當初購車的時候,業務經理承諾第一次進場保養是免費的,所以我跟珍妮中午時分將車開至車商的保養廠,將車子交給他們之後,被安排到一間顧客大廳等待,裡面有免費的熱可可、咖啡、爆米花,還有電視、報紙、汽車雜誌可以消遣時間,當然也有很多張椅子可以坐,不過顯然椅子不夠,當我跟珍妮進去時,已經剩下一張而已。

我們等了一陣子之後,發現在那邊等待的客人都等了相當長的一段時間了,從大門的玻璃看出去,還可以看到我們的車子停在原地沒有動靜,看來有一段無聊的時間得消磨了。終於在大約45分鐘後才看到我們的車子上了機器作業。

反觀我們在台灣熟識的車廠,進場換油不過是15分鐘的事,加上進一步的檢查與調校,頂多20分鐘可以搞定。我們在這間大廳等了一個多小時,才得以脫身,真的是像烏龜一樣的速度,要是在台灣,可能不用做生意了。但是在美國,這種慢速服務比比皆是,要客人等待、排隊,上次去辦理有線電視公司的寬頻網路變更地址,明明5分鐘可以解決的事,也是等了快一個小時,客服人員人數少,動作超慢,還不會操作,需要隔壁的幫忙,所有的客人都是站著排隊等待,像這樣的服務品質,這些公司的主管都應該要打屁股,加強訓練。

做主管的經常是久坐辦公室,以為運籌帷幄,但是卻沒有深入服務的第一現場觀察實際操作狀況,當客人一點一滴的流失之後,才大嘆景氣不好,生意難做。

我以前也曾犯過如此錯誤,當深深以為警惕才是。