只要加上一條語法就可以增加不同顏色不同線條的邊框

在這裡是教用線條形成的邊框

如果看到是與花紋等圖形等邊框應該是使用背景圖像設定

那就要參考此教學

現在只要加入下列語法即可

border: 線條粗細px 線條樣式 色碼;

線條粗細px: 調整線條粗細度(例: 3px )

線條樣式:  可以調整不同的線條

色碼: 改變現調的顏色

先普通講解這3個項目的意思

接下來要做出自己喜歡的邊框

首先要選出自己喜歡的線條

實心線: solid

短線: dashed

點: dotted

雙實線: double

立體內凸框: groove

立體浮凸框: ridge

凹框: inset

凸框: outset

注意:雙實線,立體內凸框,立體浮凸框,凹框,凸框如果設定太細會沒有效果

如果現在想用紅色短線的邊框就可以依照自己的需求改

例:紅色短線

border: 1px dashed  #fc0000;

就想這樣把語法貼上CSS去就好了

所以說要調整粗細就調整1xp的數字就好

要調整線條樣式就改dashed就好

要改顏色就改#fc0000就好

如果不知道自己喜歡的顏色代碼可以點此連結

只要複製有井字號開頭的那一行就好

可能這一堆看得有點雜

那點此連結會比較清楚一點

用上一個連結點進去找到自己喜歡的顏色點下去還可以做小小的調改

創作者介紹

never12606 發表在 痞客邦 留言(2) 人氣()


留言列表 (2)

發表留言
  • mymei6928
  • Q_Q教學文ㄋ

    ㄜ..這個這個...請問大大何時有空繼續PO教學文ㄋ??Q_Q
    我沒有半點強迫的意思喔(背後藏刀XD)
    P.S:請問喔 為什麼會有兩個發表留言啊?
    我套用別人設計的版 也是如此耶
    想說試著拿掉XD 但是差點毀了原本設計好的Q_Q....
  • 最近有些忙沒什麼時間可以編輯
    至於2個發表留言是PIXNET原有的設定
    我記得有些教學文在別的地方
    有空拿來貼一下

    never12606 於 2008/07/29 15:31 回覆

  • mymei6928
  • Q_Q是啊 您忙好了
    別管我們這些閒人(大泣~~跑走)
    沒啦!!開玩笑的 人老了就是愛耍點小性子
    您大人就別跟我計較啦!!