標題: css border 的 应用 [打印本頁]
作者:
rainbow 時間: 2013-7-2 11:58 標題: css border 的 应用
波浪型边框
<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 時間: 2013-7-2 12:21
1. 虚线：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:5px #0000ff dashed"></center>]]>
2. 实线：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:5px #0000ff solid"></center>]]>
3. 点虚线：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:6px #0000ff dotted"></center>]]>
4. 双线：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:10px #0000ff double"></center>]]>
5. 3D 沟槽状
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff groove"></center>]]>
6. 3D 脊状：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff ridge"></center>]]>
7. 3D 内嵌：
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff inset"></center>]]>
8. 3D 外嵌:
代碼：
<![CDATA[<center><img src="圖片網址" width="圖片寬度" style="border:23px #0000ff outset"></center>]]>
[ 本帖最後由 rainbow 於 2018-1-28 17:03 編輯 ]
| 歡迎光臨 華中天地論壇 (http://huachung.freebbs.tw/) |
Powered by Discuz! 5.0.0 |
