成人午夜精品,久久精品一区二区国产,色综合久久一区二区三区

圖片邊框效果與代碼

2010.12.15

圖片邊框效果與代碼

1、單線框

代碼：

<P align=center><IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid"src="圖片地址"></P>

說明:

（1）align=center 表示圖片居中對齊,align可選center(中央)、right(右邊)、left(左邊)；

（2）BORDER-RIGHT BORDER-TOP BORDER-LEFT BORDER-BOTTOM 分別表示圖片的右邊框、上邊框、左邊框和下邊框；

（3）#ff0000 3px solid 分別表示邊框的顏色、粗細和類型，邊框類型有：solid=單線邊框、outset=凸出線邊框、double=雙線邊框、inset=凹出邊框、 dashed=虛線型邊框等等；

（4）代碼中彩色部分均可調(diào)整。

2、雙線框

代碼：

<IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double;BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double"src="圖片地址">

3、凸出框

代碼：

<IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="圖片地址">

4、凹進框

代碼：

<IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="圖片地址">

5、虛線型

代碼：

<IMG style="BORDER-RIGHT: #ff88ff 4px dashed; BORDER-TOP: #ff88ff 4px dashed; BORDER-LEFT: #ff88ff 4px dashed; BORDER-BOTTOM: #ff88ff 4px dashed"src="圖片地址">

6、郵票型

代碼：

7、凹槽框

代碼：

<IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="圖片地址" border=0>

8、脊狀框

代碼：

<IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="圖片地址" border=0>

9、立體陰影框

代碼：

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=圖片高度 cellSpacing=3 cellPadding=15 width=圖片高度 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="圖片地址"></TD></TR></TBODY></TABLE>

10、粒狀陰影框

代碼：

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=20"src="圖片地址">

11、圓形漸變透明

代碼：

<IMG style="FILTER: alpha(opacity=100,style=2,finishopacity=0)"src="圖片地址">

12、凹狀雙線框

代碼：

<TABLE borderColor=#ACC00FF cellSpacing=2 cellPadding=1 align=center border=9>

<TBODY>

<TR>

<TD><IMG src=圖片地址></TD></TR></TBODY></TABLE>

13、凹槽框

代碼：

<P align=center><IMG style="BORDER-RIGHT: green 15px groove; BORDER-TOP: green 15px groove;BORDER-LEFT: green 15px groove; BORDER-BOTTOM: green 15px groove"src="圖片地址"></P>

14、凹狀雙內(nèi)虛線框

代碼：

<TABLE borderColor=#0000ff cellSpacing=2 cellSpacing=1 align=center border=8>

<TBODY>

<TR>

<TD><IMG src="圖片地址" style="border:3 dashed #00cc00"></TD></TR></TBODY></TABLE>

15、模糊效果

代碼：

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)" src="圖片地址">

本站僅提供存儲服務，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

用代碼給圖片加邊框