本文出自: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裡頭而已,是不是挺有趣的。
創作者介紹
創作者 愛PO吧遊樂資訊網 的頭像
ipobar

愛PO吧遊樂資訊網

ipobar 發表在 痞客邦 留言(0) 人氣( 8 )