iT邦幫忙

鐵人檔案

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

網美滴網頁 系列

希望在一天一篇的文章,30天中大家可以寫出一個網頁,除了設計出讓使用者方便易懂的功能界面之外也兼顧美感,打造一個網美網頁

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

Day21_CSS語法4

font-family屬性設定HTML元素的文字字型以下例子為將文字字型設定為標楷體font-size屬性設定HTML元素的文字大小 可以使用px(pixel...

2021-10-05 ‧ 由 nanaflowerlive 分享
DAY 22

Day22_CSS語法5

font-style屬性設定HTML元素的文字樣式 normal : 正常(預設值) italic : 斜體 oblique :傾斜體font-weight屬...

2021-10-06 ‧ 由 nanaflowerlive 分享
DAY 23

Day23_CSS語法6

line-height屬性設定HTML元素的行高 normal : 表示正常行高,也就是預設值 數字 : 使用數字設定幾倍行高,例如 : line-heigh...

2021-10-07 ‧ 由 nanaflowerlive 分享
DAY 24

Day24_CSS語法7

text-transform屬性是設定HTML元素的大小寫轉換方式 none : 無(預設值) capitalize : 單字的第一個字母大寫 upperca...

2021-10-08 ‧ 由 nanaflowerlive 分享
DAY 25

Day25_CSS語法8

font屬性是綜合了font-style、font-vareant、font-weight、font-size、line-height、font-family...

2021-10-09 ‧ 由 nanaflowerlive 分享
DAY 26

Day26_CSS語法9

再來要介紹框線屬性border-style(框線樣式) 框線的樣式有很多種,例如:none(無,預設值)、hidder(隱藏)、dotted(點線)、dash...

2021-10-10 ‧ 由 nanaflowerlive 分享
DAY 27

Day27_CSS語法10

border-width(框線寬度) 寬度的設定值有:thin(細)、medium(中)、thick(粗),而預設值為medium(中) 而長度的度量單位使用...

2021-10-11 ‧ 由 nanaflowerlive 分享
DAY 28

Day28_CSS語法11

border-radius(框線圓角) border-top-left-radius : 左上角顯示成圓角 border-top-right-radius :...

2021-10-12 ‧ 由 nanaflowerlive 分享
DAY 29

Day29_CSS語法12

不知不覺來到了尾聲,最後來和大家介紹漸層的屬性linear-gradient(線性漸層) 角度|方向 : 使用度數設定線性漸層的角度,例如:90度(90deg...

2021-10-13 ‧ 由 nanaflowerlive 分享
DAY 30

Day30_終於結束了

嗨~大家,30天說長不長,說短也不短,謝謝這30天來大家的陪伴,堅持30天不間斷的發文,真的是一個大挑戰,這30天我們一起經歷了從一開始最基本的HTML和CSS...

2021-10-14 ‧ 由 nanaflowerlive 分享