/* syntax highlight */ /* end of syntax highlight */

2011年5月1日 星期日

製做 CSS table 1 pixel 細框線

Bookmark and Share

一般來說,1px 其實是件很美的事情

很多事情在多了 1px 之後,美感就會有很大的提升

 

剛學到一課,就是將一般 html 的 table 框線變成 1px

因為,即使你原本在 html 當中設定了

<table border="1">

它還是會因為 “ 預設框線不重疊” ,而造成其實是 2px 的像素框線

image

 

那,該怎麼辦呢

事實上,你只要在 CSS 添加以下語法即可

table { 
  border: 1px solid #000000; 
  border-collapse: collapse; 

tr, td { 
  border: 1px solid #000000; 
}

 

即將允許表格框線重疊打開,就可以享有 1px 的快樂。

image

0 意見:

張貼留言

Related Posts Plugin for WordPress, Blogger...