img2css 將圖片轉成 CSS 語法來呈現的產生器

img2css 將圖片轉成 CSS 語法來呈現的產生器

圖片想要在網頁上呈現,多數的作法都是直接使用 HTML 語法的 <img> Tag 來實現,而 img2css 這個網站,卻可以將圖片全部轉成 CSS 語法,再透過 <div> 的 style 屬性來呈現,完全不需要靠原始圖檔,就能在網頁上完整的呈現該圖片,當然,越是複雜的圖檔,產生的 CSS 語法就越多。

§相關文章,還可以參閱:

如何使用 img2css 來產生圖片的 CSS 語法?

1.使用瀏覽器進入 img2css 網站,將圖片使用滑鼠拖拉到虛線框內或使用滑鼠點擊虛線框內任意處來選擇要上傳的圖片。

img2css 將圖片轉成 CSS 語法來呈現的產生器

2.接下來就會自動產生圖片的 CSS 語法。

img2css 將圖片轉成 CSS 語法來呈現的產生器

3.複製該 CSS 語法,便可貼到網頁要呈現處。

img2css 將圖片轉成 CSS 語法來呈現的產生器

※上圖的原始圖片在 「Google 定位紀錄」在地圖上清楚的呈現每天行經路線與時間

現在的網站大部分都有記憶登入帳號、密碼的功能,除了方便使用者免去一再輸入的麻煩,也增加用戶使用意願,不過對用戶來說,很難能記得自己登入過哪些網站又有哪些網站會有記住帳號、密碼的功能,如果,想要一次性的登出這些網站,可以來試試 SUPER LOGOUT 這個網站,只要進入該網站就會自動幫你將 AOL、Amazon、Blogger、Delicious、DeviantART、DreamHost、Dropbox、eBay、Gandi、GitHub、GMail、Google、Hulu、Instapaper、Linode、LiveJournal、MySpace、NetFlix、New York Times、Newegg、Photobucket、Skype ......等近 40個網站進行登出的動作。

有在經營網站的朋友,通常都會在網頁內建立一個搜尋引擎,讓用戶可以輸入關鍵字就能快速找到站內相關文章,想要建立這個搜尋引擎,功力好的當然可以自己撰寫出來,若是不想這麼麻煩,建議你可以使用 Google 的自訂搜尋引擎,只要填入相關要求的資訊,就能輕易建立出搜尋自己網站內關鍵字的搜尋引擎,還能免去後續要自己維護的麻煩。