技術 【珍珠鮮奶茶】不可不知的perspective透視技巧，畫完好想喝一口

您好，歡迎光臨CSS甜點烘焙店 今天上架的是珍珠鮮奶茶 珍珠鮮奶茶主要分成杯子、圓形標籤、珍珠及吸管Html結構如下： .bubbleTea .cup ....

技術 【草莓塔】你知道background就可以做塔杯嗎？

您好，歡迎光臨CSS甜點烘焙店 今天上架的是草莓塔 餅乾主要分成3個部份，塔、乳酪餡及草莓Html結構如下： .cream .main .berry...

技術 box-shadow用途廣，【雲朵】繪製多變化

您好，歡迎光臨CSS甜點烘焙店 今天我們來加上幾朵飄飄雲 Html架構如下 .all .sky .cloud.left .cloud.right...

技術 【草莓餡愛心餅乾】一次就上手的愛心，其實很簡單喔~

您好，歡迎光臨CSS甜點烘焙店 今天上架的是草莓餡愛心餅乾 餅乾主要分成3個部份，餅乾體、愛心果醬及果醬厚度Html結構如下： .cookie .mai...

技術 是時候該擺一攤珍珠奶茶了，box-shadow用好用滿、簡單複製物件

您好，歡迎光臨CSS甜點烘焙店 店面在昨天已經大致完成，旁邊不如再來一個飲料攤位吧~ Html如下 .beverageStore .mid Bubble Te...

技術 【銅鑼燒】多啦A夢最愛的甜點，只用了3層架構就做完

您好，歡迎光臨CSS甜點烘焙店 今天上架的是銅鑼燒 銅鑼燒主要分成3個部份，上層麵皮、中層紅豆餡、下層麵皮，看似這麼多層的層次，其實只要2層架構就可以完成喔～不...

技術 【草莓奶油小蛋糕】不得不說box-shadow真的好用無極限

您好，歡迎光臨CSS甜點烘焙店 今天上架的是草莓奶油小蛋糕 蛋糕主要分成3個部份，上層草莓、中層蛋糕體，以及下層餅乾Html結構如下： .strawberryC...

技術 喵喵~鎮店【店貓】來了

您好，歡迎光臨CSS甜點烘焙店 今天邀請了一位貓咪，來當鎮店店貓 Html架構如下 .cat .ear .eye .mouth .body .tail...

技術 【焦糖布丁】這不是兔子耳朵啦~流動糖漿的眉眉角角

您好，歡迎光臨CSS甜點烘焙店 今天上架的是焦糖布丁 焦糖布丁分成以下幾個架構，頂層光暈、中層糖漿、布丁、下層糖漿，以及盤子Html結構如下： .pudding...

技術 可以遮風擋雨囉~【屋頂招牌及遮陽棚】，善用background來複製圓形

您好，歡迎光臨CSS甜點烘焙店 今天要施作屋頂招牌及遮陽棚的部份 續上一集的架構再往下新增 .all .store .awning .s...

技術 【雙莓閃電泡芙】如何用2個圓做出藍莓？

您好，歡迎光臨CSS甜點烘焙店 今天上架的是雙莓閃電泡芙 這次的元素比較複雜，架構也相對多一些，Html結構如下： .eclair .main/*泡芙*/...

技術 Day 21 透過 pug 建立開發測試用網頁

Day 21 透過 pug 建立開發測試用網頁 pug 這個 HTML 樣板引擎是 Express.js 預設的樣板引擎，但它也可以單獨使用，由於筆者很習慣使用...