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

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

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

那就要參考此教學

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

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

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

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

色碼: 改變現調的顏色

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

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

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

實心線: solid

短線: dashed

點: dotted

雙實線: double

立體內凸框: groove

立體浮凸框: ridge

凹框: inset

凸框: outset

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

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

例:紅色短線

border: 1px dashed  #fc0000;

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

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

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

要改顏色就改#fc0000就好

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

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

可能這一堆看得有點雜

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

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

創作者介紹

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