2)關于邊框和背景

有些區塊需要用邊框裝飾點綴得醒目一點,有文字區塊圖片區塊等,文字區塊加邊框的建議使用同基色的背景色填充區塊,不然內容會很空洞，圖片加邊框的話,如果是CSS定義的邊框最好是加上間隔距離,因為圖片不是固定的,所以可能會出現底色與邊框不協調,嚴重的會造成毛邊效果，下面用幾個例子來說一下：

文字邊框背景：

因為區塊加了邊框后背景與邊框之外的背景顏色相同，所以感覺空洞，所以最好是區塊加上背景，而且背景色與邊框最好是同一個基色。

白色背景下，背景不要比邊框太深，再努力的調整區塊內容的顏色能與背景融合也于事無補，邊框成了毛邊。

在深色背景下，才使用加亮邊框。

關于圖片邊框，圖片本身就有背景，而且色彩是多樣的，在給圖片加邊框時也最好是與圖片背景同一個基色的背景，而且最好是取與圖片最邊上的色彩的深基色，如果是邊上有多種顏色，取最多的那顏色，例：

如果邊框是用CSS定義的，而且是圖列，比喻說是產品列表，而列表中的產品類別和背景色都不一致，就會出現邊框與背景同色或不協調的情況，例如：

上圖中間一排圖片邊框的色彩就不協調了，如果在圖片是不確定的情況下，加邊框時最好是給圖片與邊框之間加上邊框距。

在看看在深色背景下的效果，深色背景下可以有兩種方案，一是去掉外框，以白色間距邊框，二是加亮外框，留出與背景相同顏色的間距。如下圖：