想要寫網頁但又不熟悉CSS的人,一定常常為了分割網頁感到困擾吧!Primary CSS 幫你解決了這個問題,他提供了22種常見的網頁樣式,只要點幾下滑鼠便能分割好網頁囉!
網站資訊
- 網站名稱:Primary CSS
- 網站網址:https://www.primarycss.com
- 網站語言:英文
使用方式
進入Primary CSS首頁,選擇一個喜歡的分割方式。
接著在畫面左上角找到 Download Primary | Download the HTML for this Layout ,左邊的超連結是下載CSS,右邊是HTML。
CSS下載:在左邊超連結上點擊右鍵並選擇 另存連結 進行下載。
HTML下載:這裡沒有像CSS這麼好,可以直接下載了,必須先點擊右邊連結,複製視窗中的HTML,接著貼到記事本或其他編輯器並儲存一個副檔名為html或htm的檔案。
注意:CSS、HTML請放置在同一目錄下。
趕快開啟瀏覽器試試吧!是不是都分割好了呢 ^^
相關文章
- Placehold.it 範例圖片產生器,以網址快速調用任何尺寸的圖片
- CSS Background Patterns 免費背景圖產生器,可建立純 CSS 背景素材
- favicon.ico Generator – 線上 ico 圖示編輯器。
- JotForm 線上表單產生器,免費製作網站聯絡表單
Ten articles before and after
啟用 Google Chrome 69 精簡網址設定,將完整網址隱藏網址列更簡潔 – telegram 下載
ImageFly – 免費圖片上傳空間,上傳分享圖片還可賺美金! – telegram 下載
ScreenLocker – 能將電腦暫時鎖住的螢幕鎖 – telegram 下載
PhrozenSoft VirusTotal Uploader 免費線上掃毒工具,快速檢查檔案是否有惡意程式 – telegram 下載
ScreenDump 自適應網頁設計測試工具,預覽網站在不同尺寸螢幕顯示效果 – telegram 下載
Copy Link to Text 在 Microsoft Edge 瀏覽器分享連結時標註醒目文字 – telegram 下載
在瀏覽器分頁開啟「純文字編輯器」功能,方便剪貼資料 – telegram 下載
Cache Killer 載入網頁前自動清除瀏覽器快取文件(Chrome 擴充功能) – telegram 下載