iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

每天一份前端小作品 系列

相信大家或多或少有看過「每天畫一幅畫」然後第N天畫出一幅精美作品的勵志文章
本次便是透過鐵人賽這個機會
每日練習一份小作品,藉此複習自己所學的HTML/CSS/JavaScript等等

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 1

【Day1】用詩詞練習HTML&CSS

本日小作品:https://codepen.io/linchinhsuan/pen/dyMKPEV 練習重點摘要: margin: 50px auto; 如果想...

2020-09-13 ‧ 由 hinolin0309 分享
DAY 2

【Day2】用HTML&CSS讓青蛙排隊

本日小作品:https://codepen.io/linchinhsuan/pen/eYZKGdz 練習重點摘要: <figure> 為HTML5的...

2020-09-14 ‧ 由 hinolin0309 分享
DAY 3

【Day3】用HTML&CSS讓商品突出

本日小作品:https://codepen.io/linchinhsuan/pen/NWNBrxx 練習重點摘要: justify-content: space...

2020-09-15 ‧ 由 hinolin0309 分享
DAY 4

【Day4】用HTML&CSS做職棒戰績表

本日小作品:https://codepen.io/linchinhsuan/pen/QWNBVMm 練習重點摘要: tr:nth-child(even)針對表格...

2020-09-16 ‧ 由 hinolin0309 分享
DAY 5

【Day5】用HTML&CSS做漸層色

本日小作品:https://codepen.io/linchinhsuan/pen/GRZXyMq 練習重點摘要: <a href="#top&...

2020-09-17 ‧ 由 hinolin0309 分享
DAY 6

【Day6】用jQuery讓網頁動起來

本日小作品:https://codepen.io/linchinhsuan/pen/oNxaXJw 練習重點摘要: z-index: 2; 點擊【聯絡我們】可以...

2020-09-18 ‧ 由 hinolin0309 分享
DAY 7

【Day7】用jQuery控制水

本日小作品:https://codepen.io/linchinhsuan/pen/NWNOMYj 練習重點摘要: opacity: 0; 讓箭頭和冰塊一開始都...

2020-09-19 ‧ 由 hinolin0309 分享
DAY 8

【Day8】用jQuery開張商店

本日小作品:https://codepen.io/linchinhsuan/pen/wvGQwve 練習重點摘要: $(".open img&quot...

2020-09-20 ‧ 由 hinolin0309 分享
DAY 9

【Day9】用jQuery做國旗問答題

本日小作品:https://codepen.io/linchinhsuan/pen/JjXeRPL 練習重點摘要: $(this).toggleClass(&q...

2020-09-21 ‧ 由 hinolin0309 分享
DAY 10

【Day10】用jQuery做back to top

本日小作品:https://codepen.io/linchinhsuan/pen/ExKOMvg 練習重點摘要: title="pixabay是一個...

2020-09-22 ‧ 由 hinolin0309 分享