本文出自:http://tw.myblog.yahoo.com/jw!9_IpySGfGRk4r2GO3BdVKIR1/article?mid=1236&prev=1281&next=1229&l=a&fid=11 網絡轉發,如有侵權,敬請告知刪除!
機器狗toby9388足蹠蠹蝕症
運用CSS表格框線樣式及顏色語法為圖片加框
首先感謝過去式 ( ??) 大大的運用解說,本篇就是引自過去式大大的心血哦!再加上開水的整理啦!!
希望大家看得懂。
這為一般圖檔連結的樣子。%26nbsp; 語法:
%26lt;img src="圖檔網址" width="寬%26quot; height="高%26quot;%26gt;
這為一般圖檔連結加(黑)框的樣子。%26nbsp; 語法: %26lt;img src="圖檔網址" border="4"%26gt; 說明: 4
=框的大小
而這款就是此篇文章的重點了。%26nbsp; 這為運用CSS表格框線語法為圖片加框的樣子。%26nbsp; 語法:
%26lt;img src="圖檔網址" style="BORDER-RIGHT: #ff6666 5px dotted; BORDER-TOP: #ff6666 5px dotted; BORDER-LEFT: #ff6666 5px dotted; BORDER-BOTTOM:#ff6666 5px dotted"%26gt; 說明:%26nbsp; border-top (頂部) border-bottom (底部) border-left(左) border-right (右) #ff6666 (色碼) 1px (框線寬度) 框線樣式選擇:%26nbsp; none (無邊框) dotted (點線) dashed (虛線) solid (實線) double (雙線) groove (立體凹線) ridge (立體凸線) inset (立體嵌入線) outset
(立體隆起線)
是不是覺得上列的用法很眼熟丫!那就是我們在變更部落格CSS語法時,常會用到的哦!只不過把這個語法運用到HTML裡頭而已,是不是挺有趣的。
機器狗toby9388足蹠蠹蝕症
運用CSS表格框線樣式及顏色語法為圖片加框
首先感謝過去式 ( ??) 大大的運用解說,本篇就是引自過去式大大的心血哦!再加上開水的整理啦!!
希望大家看得懂。
這為一般圖檔連結的樣子。%26nbsp; 語法:
%26lt;img src="圖檔網址" width="寬%26quot; height="高%26quot;%26gt;
這為一般圖檔連結加(黑)框的樣子。%26nbsp; 語法: %26lt;img src="圖檔網址" border="4"%26gt; 說明: 4
=框的大小
而這款就是此篇文章的重點了。%26nbsp; 這為運用CSS表格框線語法為圖片加框的樣子。%26nbsp; 語法:
%26lt;img src="圖檔網址" style="BORDER-RIGHT: #ff6666 5px dotted; BORDER-TOP: #ff6666 5px dotted; BORDER-LEFT: #ff6666 5px dotted; BORDER-BOTTOM:#ff6666 5px dotted"%26gt; 說明:%26nbsp; border-top (頂部) border-bottom (底部) border-left(左) border-right (右) #ff6666 (色碼) 1px (框線寬度) 框線樣式選擇:%26nbsp; none (無邊框) dotted (點線) dashed (虛線) solid (實線) double (雙線) groove (立體凹線) ridge (立體凸線) inset (立體嵌入線) outset
(立體隆起線)
是不是覺得上列的用法很眼熟丫!那就是我們在變更部落格CSS語法時,常會用到的哦!只不過把這個語法運用到HTML裡頭而已,是不是挺有趣的。
請先 登入 以發表留言。