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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會 C...

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

本篇同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) ↓ 今日學習重點 ↓ 學會用 b...

技術 [快速入門前端 23] CSS 常見屬性(3) 邊框、表格及列表屬性

border 邊框 border，指的是邊框，擁有三個必要屬性 border-width、border-color、border-style，分別指定邊框的寬度...

技術 Day 13：我要我的東西有邊框【Tailwind – Border 篇】

以邊界 borders 來說，常用的筆者在此分為三大類 border、outline、ring，讓我們開始吧！ 一、Border Border Widthb...

技術 Day 26 | 打破規則，勇敢創新 - 破格式設計

今天要講的是金魚都能懂的網頁切版 : 破格式設計 NO011，破格式的設計在很多樣版網站可以見到，近期工作中也有接觸到，滿多時候就是拿來製造兩物件重疊的效果。...

技術 Day17-HTML(13) – CSS盒子模式(下)

上次提到設定 border 的樣式，這次接著繼續說下去～ 我們可以用一行來設定所有樣式 p{       border: thick orange dashed...

技術 Day16-HTML(12) – CSS盒子模式(上)

盒子模式 (box model) 是在 CSS 中一個很重要的觀念，用來設計和布局。它將所有元素視為一個個矩形的盒子，由CSS來決定這些盒子的大小、位置以及屬性...

技術 Secret 2: 多重邊界

在 Backgrounds & Border Level 3 當時還在草稿階段時，WG的成員有討論過多重邊界的可能性，就像現在 background 可...

技術 Secret 1: 半透明的邊界

為元素加上 border 算是CSS新手的問題 border: 10px; 給元素來個半透明的顏色，稍微難一些。可以用 rgba() 或是 hsla()，把he...