憂藍夢境‧部落格

做出來感覺還滿不錯的，簡潔有力，稍微懂一點 CSS 的應該都會，只是經常弄出來的 CSS 都要「特別」針對 IE6 去調整，不然 Firefox 看起來 OK，在 IE 則是完全走樣 ，不過試用了 IE7 beta2，對 CSS 支援度有比較好了，往後設計 CSS 應該可以比較輕鬆點。
另外這個範例用了 Mozilla 的圓角屬性，所以在 IE 只會看到很普通的方形哦。

CSS 導覽列

網頁設計 css, 網頁設計

一般表格的框線即使設為 1px 還是感覺很粗，為什麼呢？因為預設表格框線是不重疊的，而每個儲存格都有著 1px 的框線，所以框線就會變成1+1=2px。因此要利用 CSS 允許表格框線重疊，才能顯示出 1px 的細框線。

table {
  border: 1px solid #00;
  border-collapse: collapse;
}
tr, td {
  border: 1px solid #00;
}

border-collapse: collapse; 即是允許框線重疊。

網頁設計 css, 網頁設計

想要寫出符合 Web Standards 又美觀的網頁，CSS 的運用一定是少不了的，所以幾個月前買了幾本 CSS 的書籍，這本書列出了 101 個將 CSS 運用在網頁上常會遇到的問題和技巧。尤其是後面的『CSS 定位與版型』，對設計 Web Standards 網頁有非常大的幫助。

好書好站 css, Web 2.0, 網頁設計