給大家介紹不用ps就能夠給圖片加邊框的方法哦。
【使用方法】--
★基本篇★-在博文中添加代碼 巫師小北整理【圖片地址】上傳圖片到新浪相冊(cè)后,點(diǎn)擊圖片底部“原圖”獲取地址欄地址,或在圖片上右鍵屬性獲取地址。
巫師小北【邊框顏色】代碼中類似#ffCCCC這樣的都是顏色編號(hào)。改變一下就能夠改變邊框的顏色,顏色代碼見
【十七】HTML顏色代碼表【邊框粗細(xì)】代碼中border:5這個(gè)數(shù)字,越小邊框越細(xì),越大邊框越粗。
1、簡(jiǎn)單線框
【示范】
代碼:
<img src="圖片地址" style="border:5 solid #ffCCCC">
2、雙線框
代碼:
<img src="圖片地址" style=" border:7 double #666FF">
3、虛線框
代碼:
<img src="圖片地址" style=" border:3 dashed #990000">
4、凸出框:
代碼:
<img src="圖片地址" style="border:10 outset #CCCCFF">
5、嵌入框:
代碼:
<img src="圖片地址" style="border:15 inset #ff9900">
6、脊?fàn)羁颍?div style="height:15px;">
代碼:
<img src="圖片地址" style="border:15 ridge #33FF66">
7、凹槽框
代碼:
<img src="圖片地址" style="border:15 groove #CC6666">
8、粒狀陰影框
代碼:
<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">