css border 的 &#24212;用

華中天地論壇 » 電腦知識 » css border 的应用

rainbow

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3959

發表於 2013-7-2 11:58
14.199.250.58

分享私人訊息

波浪型边框

[Copy to clipboard]

CODE:

<br><br> <center> <div style="FONT-SIZE: 40pt; COLOR: #0070c0; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体"><b>波浪型边框</b></div></center> <center> <div style="border: deepskyblue 2px dashed; width:440px" align="center"> <table style="background-color: deepskyblue; width:440px" cellspacing="0" cellpadding="0" align="center"> <tbody> <tr> <td style="Padding:10px"> <p align=center><img style="border: white 3px dashed" src="http://org121.zpcdn.com/1/6536/41836432.fc55d5.gif"></p> </td> </tr> </tbody> </table> </div></center> <br><br>

[ 本帖最後由 rainbow 於 2018-1-28 16:51 編輯 ]

rainbow

註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3959

發表於 2013-7-2 12:21
14.136.98.200

私人訊息

1. 虚线：

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:5px #0000ff dashed"></center>

2. 实线：

http://www.spiritisup.com/set18-main.jpg

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:5px #0000ff solid"></center>

3. 点虚线：

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:6px #0000ff dotted"></center>

4. 双线：

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:10px #0000ff double"></center>

5. 3D 沟槽状

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff groove"></center>

6. 3D 脊状：

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff ridge"></center>

7. 3D 内嵌：

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff inset"></center>

8. 3D 外嵌:

代碼： <center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff outset"></center>

[ 本帖最後由 rainbow 於 2018-1-28 17:03 編輯 ]