ω。艾媽の手作 Mapin-cloth 小舖。ω

這次要分享的是滿可愛的語法，我部落格的欄位不是有可愛的框框嗎？

現在就教大家如何用！這個語法比較讓人眼花撩亂，要注意看喔。

語法：

/*欄位加框*/

.ycntmod .mbd ul.list li {BACKGROUND: url(底圖網址) 0% 100%; COLOR:顏色; border:5px;  BORDER-TOP-STYLE: 邊框指令1; BORDER-RIGHT-STYLE: 邊框指令2; BORDER-LEFT-STYLE: 邊框指令3; BORDER-BOTTOM-STYLE: 邊框指令4;}

COLOR:顏色

請按以下網址找到喜歡的顏色，複製英文色碼貼上。

英文色碼表

5px 說明

是設定邊框粗細，而我則是設定1px。

邊框指令1、2、3、4

 請注意4個地方都要貼入指令，否則邊框會缺角。

我是用實線。

邊框樣式指令：

none(無邊框)
　　　　　　　
dotted(點線)
　　　　　　　
dashed(虛線)
　　　　　　　
solid(實線)
　　　　　　　
double(雙線)
　　　　　　　
groove(立體凹線)
　　　　　　　
ridge(立體凸線)
　　　　　　　
inset(立體嵌入線)
　　　　　　　
outset(立體隆起線)

底圖網址

就像我的部落一樣，邊框還有加底圖，

找到喜歡的底圖貼上圖網即可。

不加底圖空著即可→url( )

語法貼入自訂樣式即可。

語法示範：

/*欄位加框*/

.ycntmod .mbd ul.list li {BACKGROUND: url(http://img520.imageshack.us/img520/2140/kbdmeo4.gif) 0% 100%; COLOR:dodgerblue; border:1px; BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted;}

例如我改成這樣↑

點線框、藍色底圖、藍色框線、1px。

效果預覽：

有３個邊框樣式的圖可以讓大家參考。

大概這３種，可以參考。

底圖提供：

這底圖是我部落格用的底圖，提供給大家。

希望大家看的懂這篇教學！