iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

跟我一起學習HTML&CSS網頁設計吧 系列

想做網站還在猶豫如何下手嗎?
透過HTML及CSS就可以實現你的願望了!
接下來30天會介紹入門至網站架設的相關文章,透過簡單的學習,也可以成為網頁設計者的一份子喔~
有興趣的話,就跟著文章一起學習

參賽天數 9 天 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 9

[DAY_11]圖片的特色效果

今天要分享圖片的效果,讓他變得漂亮的一些魔(程)法(式) 加入圖片 這個我們在上周已經有分享過了,今天再複習一次。將img標籤加入到我們的body中。 &lt...

2022-09-25 ‧ 由 Rina 分享
DAY 9

[DAY_12]網頁的其他造型-背景

本次教學要教大家如何改變網頁的背景顏色,或利用圖片當作背景。 首先,要有一個初步的html檔案,裡面有我們簡單的想法,這邊我創立了一個比比兔子的介紹首頁這邊有...

2022-09-27 ‧ 由 Rina 分享
DAY 9

[DAY_13]滑鼠移動的過度效果

大家好哇,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第13天,要分享介紹的是網頁中過度效果,每篇都會有簡單上手的實作內容,邀請大家一...

2022-09-27 ‧ 由 Rina 分享
DAY 9

[DAY_14]雲端字型下載使用

大家好哇,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第14天,要分享介紹的是網頁中其實可以有美美的字體顯示,不用一直看著不順眼的字型...

2022-09-28 ‧ 由 Rina 分享
DAY 9

[DAY_15]頁框裁切畫面

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第15天,要分享介紹的是頁框的多樣設定,還不清楚或不知道頁框是甚麼嗎?馬上來參考文...

2022-09-29 ‧ 由 Rina 分享
DAY 9

[DAY_16]歪歪扭扭變形它-改變形狀

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第16天,要分享介紹的是「變形」,關於圖片的變形、文字的變形......就是變形功...

2022-09-30 ‧ 由 Rina 分享
DAY 9

[DAY_17]網頁也可以做超酷動畫(1)-圖片文字動起來

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第17天,要分享介紹的網頁寫動畫,因為這個部分的內容比較多,所以分成三篇來說明,但...

2022-10-05 ‧ 由 Rina 分享
DAY 9

[DAY_18]網頁也可以做超酷動畫(2)-循環、繞軸、延遲、反向動畫

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第18天,要分享介紹的網頁寫動畫,因為這個部分的內容比較多,所以分成三篇來說明,但...

2022-10-05 ‧ 由 Rina 分享
DAY 9

[DAY_19]網頁也可以做超酷動畫(3)-多腳本動畫設定

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第19天,要分享介紹的網頁寫動畫,因為這個部分的內容比較多,所以分成三篇來說明,但...

2022-10-08 ‧ 由 Rina 分享
DAY 9

[DAY_20]網頁活動型排版-FlexBOX概念

大家好,歡迎來到跟我一起學習HTML&CSS網頁設計吧系列文章,今天是第20天,要分享介紹的網頁的靈活排版-FlexBOX,內容也偏多喔。今天是第一篇,...

2022-10-08 ‧ 由 Rina 分享