Skip to main content
HashnodeEva Chen | 網頁設計師下班後

Command Palette

Search for a command to run...

#border

Articles tagged with #border

  1. #44 CSS 邊框 border 與各種花式邊框的小技巧：borde-image、outline、box-shadow

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 前幾篇我們使用CSS 邊框 border 畫了很多圖形，但是好像還沒有正式來好好畫邊框。XD今天，讓我們來研究邊框與各種花式邊框。 ↓ 今日學習重點 ↓ 學會 CSS 基本邊框 border 的用法 了解 border-image 的原理與用法 了解如何繪製多重邊框：outline / box-shadow 一、基本邊框：border border 是一個基本的 CSS 屬性，用來設定元素的邊...

    Sep 25, 20241 min read993
    #44 CSS 邊框 border 與各種花式邊框的小技巧：borde-image、outline、box-shadow

  2. #42 用 CSS border 繪製三角形箭頭 (等腰/直角三角形)

    ⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 在 CSS 中，可以使用邊框 border 來繪製三角形，通常會被當成箭頭使用，用在提示框的邊緣或操作步驟按鈕上。 ↓ 今日學習重點 ↓ 學會用 border 繪製等腰與直角三角形 CSS border 三角形原理 首先我們先來觀察 CSS border，讓我們把一個正方形的邊框加粗，而且把四邊的顏色換成不一樣的…

    Sep 22, 20241 min read115
    #42 用 CSS border 繪製三角形箭頭 (等腰/直角三角形)