自動加框

2007081813:54

/*自動加框*/

.ycntmod .mbd ul.list li {BACKGROUND: url(底圖網址 ) 0% 100%; COLOR:white; border:5px;  BORDER-TOP-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-BOTTOM-STYLE: double;}

   您想要將欄位自動加框嗎?不過使用這個語法之後,欄位前小圖示的語法會失效,請斟酌使用,如果想觀看效果,請前往 → 小精靈  去觀看加框之後的效果(此語法是小精靈所分享)

1.選擇自己喜歡的圖片加進去,如果不加底圖只要框線,也可以不加圖片→ url( )

2.選擇外框的樣式→none、dotted、dashed、solid、double、groove、ridge、insert、 outset

3.設定框線顏色  → COLOR: white      英文色碼表一   英文色碼表二

4.設定框線的粗細→border:5px;      (  如果你要框線粗些,增加數字就行了... )

5.【編輯個人檔案】→【面板設定】→【自訂樣式】將   修改後的語法  貼進去就行了

  (如果你是將語法貼在『文章前小圖的語法』上面,系統就是抓到文章前ㄉ小圖。如果你是將語法貼在『文章前小圖的語法』下面,系統就是抓到框線的底圖。)

   (如果你要增加框與框的距離,可以在文章前小圖語法中,找到→margin-bottom:20px←這些文字,然後依自己的喜好,修改距離)

/*Nav module list*文章前小圖*/
.ycntmod .mbd ul.list li {background:url(小圖網址) left .1em no-repeat;padding-left:20px;margin-bottom:3px;_margin-bottom:20px;_line-height:20px;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(小圖網址) 40px center no-repeat;}

............................................................................................................

  表格框線顏色css語法說明~~


邊框線名稱︰ border-top(上邊框線)、
                         border-right(右邊框線)、
                         border-bottom(下邊框線)
                         boder-left(左邊框線);

backgroud-position: 0% 0%; 左邊上方
backgroud-position: 0% 50%; 左邊中間
backgroud-position: 50% 0%; 中間上方
backgroud-position: 50% 50%; 正中間
backgroud-position:100% 0%; 右邊上方
backgroud-position: 0% 100%; 左邊下方
backgroud-position: 100% 50%; 右邊中間
backgroud-position: 50% 100%; 中間下方
backgroud-position: 100% 100%; 右邊下方

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