創作內容

9 GP

CSS自定板面-欄位加框

作者:夏日薔薇│2007-09-10 17:47:54│贊助:0│人氣:3616

試好久才試出來 ̄▽ ̄
再來要看有沒有人寫出欄位加邊框圖這個語法了XD

請將下面語法貼到/*----整體頁面設定------*/下

/*欄位加框*/
li{
BACKGROUND:url(http://xxxxx.gif)0% 50%;
COLOR:框線顏色;
BORDER-TOP-STYLE:邊框樣式;
BORDER-RIGHT-STYLE:邊框樣式;
BORDER-LEFT-STYLE:邊框樣式;
BORDER-BOTTOM-STYLE:邊框樣式;
padding-left:1px;
}
=============
說明:
框線位置
BORDER-TOP-STYLE 頂部
BORDER-BOTTOM-STYLE 底部
BORDER-LEFT-STYLE 左
BORDER-RIGHT-STYLE 右

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

BACKGROUND:url(http://xxxxx.gif)0% 50%;
為背景圖,如圖示範本中黑色底的地方
圖檔後的%是字體加框線的明亮度

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=504274
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS教學|

留言共 15 篇留言

阿葉神
搶頭香′▽`

薔薇老師我又學到一課了A_A

09-10 17:51

夏多爾‧米菲‧艾因法
這篇我也收下了 XD

09-10 18:00

亞雷斯
看起好難 我還是不要隨便用

09-10 20:05

老爹
這次教學有點複雜 = =+我這個低智商

09-10 20:14

夏日薔薇
.....結果..你還是改了呀XD
你看那有什麼困難XD09-11 14:58
Joe
還滿不錯的,那就帶回家啦XD

09-10 21:32

Beautiful Things
帶回家~推~推~推^^

09-10 23:55

貓貓大好
如果把STYLE後面的邊框樣式代入邊框的圖檔不知道可不可以?
還有教學我想帶走可以嗎?^﹏^

09-11 15:25

夏日薔薇
這點目前沒人試的出來XD
您可以研究看看^^09-11 15:28
風的感覺
收藏收藏~~~

雖然我的小屋弄起來不好看

XDD...

我笨嗎...

09-11 17:48

遺忘
收走囉~謝謝夏日大無私的分享0.0...這次版面變好可愛

09-11 17:57

夏日薔薇
:p09-11 18:58
羅斯洛立安的小黃花
先收起來囉:p
謝謝哩^^

09-11 18:59

風的名字
非常的感謝阿~~~

馬上來玩!

09-11 20:36

冰封〞戀
啊勒......
剛剛用了很多東西,
不過一下子不知道位啥全都不見惹ˇ....
拜託>"<怎麼還原之前的呀....

09-15 23:52

醜小鴨ω〞
這個我用不好說,

還有又變框框DIY也一直用不好,

整個小屋被我用的亂七八糟了XD

不過還是感謝薔薇的教學:)

01-11 11:08

日述→狂〃小修♂
首先先謝謝大大分享0.0

可是大大... 為什麼我改了之後 我的圖都沒出來呢??

09-03 00:53


連結圖死了= =...orz

01-20 04:54

我要留言提醒:您尚未登入,請先登入再留言

9喜歡★janeyang 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:CSS自定板面-全板背景... 後一篇:CSS自定板面-板面特效...

追蹤私訊

作品資料夾

soma1114好人你幫幫人民
有空的巴友可以幫忙點個協助喔^^ https://prj.gamer.com.tw/2020/atelier-online/index.php?u=c29tYTExMTQ-&i=2看更多我要大聲說昨天21:22


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】