沒有圖片編修軟體或圖框軟體就不能做出有質感的圖框嗎？那倒未必喔^^
這次我們只要利用一些小技巧，照樣可以做出來喔！
請先看看範例吧^^
→將語法修改後貼在寫文章的地方即可。語法如下：
這次我們只要利用一些小技巧，照樣可以做出來喔！
請先看看範例吧^^
→將語法修改後貼在寫文章的地方即可。語法如下：
圖片寬度px;height:圖片高度px;background:url(圖片路徑);border:1px solid white;">
→本範例語法：
圖片寬度-20px;height:圖片高度-20px;border:10px solid white;filter:alpha (opacity=50);-moz-opacity:.50;opacity:.50;-khtml-opacity: 0.5;">
→本範例語法：
300px;height:225px;background:url(圖片路徑);border:1px solid white;">
→說明：
★第一個div為整個圖片的區塊，在此設定圖片的長、寬及外框的顏色。此範例外框設定為白色(white)。
★第二個div為裡面透明的區塊。
(1)因為設定第二個區塊離邊緣各10px (上、下、左、右各10px；預留做為白色透明邊緣用的)，所以此區塊的長、寬各減少20px。
(2)沿著區塊邊邊有一白色邊緣，即為語法border:10px solid white; 大家可以依照圖片或照片的顏色去改變邊框的顏色或粗細。
(3)邊框後則為透明語法的宣告(適用於大部份的瀏覽器)。
【註】本範例的語法非amy寫的，因此不提供專業知識的回答喔(因為我不會啦，呵呵^^)！
180px;height:205px;border:10px solid white;filter:alpha (opacity=50);-moz-opacity:.0;opacity:.50;-khtml-opacity: 0.5;">
→說明：
★第一個div為整個圖片的區塊，在此設定圖片的長、寬及外框的顏色。此範例外框設定為白色(white)。
★第二個div為裡面透明的區塊。
(1)因為設定第二個區塊離邊緣各10px (上、下、左、右各10px；預留做為白色透明邊緣用的)，所以此區塊的長、寬各減少20px。
(2)沿著區塊邊邊有一白色邊緣，即為語法border:10px solid white; 大家可以依照圖片或照片的顏色去改變邊框的顏色或粗細。
(3)邊框後則為透明語法的宣告(適用於大部份的瀏覽器)。
【註】本範例的語法非amy寫的，因此不提供專業知識的回答喔(因為我不會啦，呵呵^^)！
請先 登入 以發表留言。