html+css寫的一個網站縮略圖生成器

紅穆 2022-11-06 11:20:49 瀏覽 125 📖 約 1 分鐘

::(不高興)模板網站的縮略圖都很好看，於是我也想，於是我折騰，結果我........擺爛 :@(裝大款)
只寫了一個PC端的，電腦可以拿去截圖用

::(陰險) 作用：可以生成你自己的網站縮略圖

效果圖

html+css写的一个网站缩略图生成器

{hide}
{cloud title="紅穆網站縮略圖生成源碼" type="lz" url="https://wwi.lanzoup.com/iE5GGz7robe" password=""/}
{/hide}

微信

支付寶

本文作者： 紅穆

本文鏈接： https://www.4s5.cn/cht/archives/216.html

版權說明：本文爲原創文章，未經授權禁止任何形式的轉載、採集、鏡像，違者必究。如需轉載請註明出處並保留原文鏈接。

✍️ 作者：紅穆

網站管理員 · 感謝閱讀，更多精彩內容敬請關注

作者主頁查看主頁 →

css 背景顏色漸變屬性（linear 語言筆記  CSS

語法：<linear-gradient> = linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+) <side-o…

2022-11-06 11:20:47 👁 239

css 浮動後，父盒子沒有高度解決辦法  語言筆記  CSS

如下所示，子元素 div2 本身具有高度和寬度，但由於其具有float:left；屬性後。其父元素 div1 不具有高度。<html> <head> </head> <body> <div id="div1"> <…

2022-11-06 11:20:47 👁 171

css 定位（position）語言筆記  CSS

2022-11-06 11:20:47 👁 119

css3 2D動畫（transform）語言筆記  CSS

transform語法：transform：none | <transform-function>+ transform-function list: matrix() = matrix(<number>[,<number>]{5,5}) matrix3d() =…

2022-11-06 11:20:47 👁 161

css vh和vw自適應  語言筆記  CSS

　　在移動端中利用REM的相對於根HTML進行改變，通過一段JS實現了移動端自適應，本文則使用純CSS視口單位來自行自適應，雖然現在的兼容性還沒法完全能夠接受，但不妨礙你認識這個vw和vh的強大。響應式佈局的實現依靠媒體查詢( Media Queries )來實現，選取主流設備寬度尺寸作爲斷點針對…

2022-11-06 11:20:47 👁 356

css 背景圖固定不滾動（background 語言筆記  CSS

background-attachment 屬性body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; }標籤定義及使用說明background-atta…

2022-11-06 11:20:49 👁 210