table的td設定1px的方法,親測有效

2022-08-10 18:24:11 字數 426 閱讀 2348

第一種方法:

1、將table的屬性設定為:border=0 、cellspacing=1 ;

2、設定table的背景色為即你要設定的table的邊框顏色;

3、設定所有td背景色為#ffffff白色;

這樣,就大功告成了。

第二種方法:

1、設定border=0 ;

2、再通過css,給table加上1px的border-top,border-left;

3、然後再設定所有的td的border-right,border-bottom;

不妨試試哦

第三種方法:

1、設定table的css為

2、再設定td的css為

大功告成!而且word也能認出這種設定。

我發現設定table的css為,再設定td的css為是乙個非常不錯的方法。

移動端設定border的1px畫素解決方案

可能有人會問,設定邊框1px問題,直接 border 1px soild ccc 不就完事了,為什麼需要這麼麻煩?因為移動端的dpr裝置畫素比不同,直接設定會出現邊框加粗問題,親們可以自行測試,這裡不做過多闡述。下面直接上解決方案。1.為了方便通用,在base.scss檔案中 使用 mixin 定義...

1px畫素的問題

之前有學習過這個問題,但是一時之間沒想起來。其實就是沒有徹底弄懂,不然怎麼會想不起來呢 物理畫素 裝置螢幕實際擁有的畫素點。比如iphone 6的螢幕在寬度方向有750個畫素點,高度方向有1334個畫素點,所以iphone 6 總共有750 1334個物理畫素。邏輯畫素 邏輯畫素是乙個抽象概念,是乙...

1px的相容問題

最近面試有被問到 畫乙個高度為1px的div,相容ie所有版本瀏覽器。以前從來沒有注意到這個問題,以前做ie7,8相容的時候因為ie正常了,ie8完全顯示亂套,所以直接來了個簡便的通用的方法 現在才意識到這種方法治標不治本,要做好每個版本的相容需 用心鑽研每個版本的預設設定和私有屬性。例如以上的問題...