♫ みんのブログ ♫

照片圖片+顏色框語法

_____________________________________

照片圖片浮出線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px outset #99FFFF"/>

照片圖片虛線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px dashed #99FFFF"/>

照片圖片嵌入線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px inset #99FFFF"/>

照片圖片脊線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px ridge #99FFFF"/>

照片圖片溝線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px groove #99FFFF"/>

照片圖片雙線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px double #99FFFF"/>

照片圖片實線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px solid #99FFFF"/>

照片圖片點線框

<img height=300 src=http://c-photo.i-part.com.tw/n1v1/9/5/1/3/913159/photo/book95/119387577510.jpeg width=300 style="border: 10px dotted #99FFFF"/>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

框圖語法說明(請自行對照語法)

格式如：邊框粗細、顏色、固定寬度、固定高度等。

備註: 1.圖片或照片寬跟高可自行調整(圖片會自動放大與縮小)(在於調整寬跟高)

註解:↓

src=http://.......jpg     (圖片網址自行更換 格式為 jpg gif或者其他 (圖片) 格式 )

border: 15px dotted #99FFFF"   ( 99FFFF 框的顏色)

width=300  (設固定圖寬) (也可以設百分比%)

height=300   (設固定圖高) (也可以設百分比%)

border: 15px dotted #99FFFF"   〔 border: 15px 設定邊框的粗細〕

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

邊框樣式註解:↓

"border: 15px dotted #99FFFF" ↓(更換 dotted 這個)

框線條樣式:( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 虛線 )

相對應語法: none︱dotted｜solid︱double︱groove︱ridge︱inset︱outset︱dashed

觀看此語法範例

http://www.i-part.com.tw/diary/diary_viewpage.php?o=913159&d=411