iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

挑戰 CSS 30 天 系列

挑戰 CSS 30 天

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

day1_連接樣式

在網頁上連接的預設樣式為藍色,且有下劃線。改變此預設的樣式之範例: <!DOCTYPE html> <html> <head&...

2017-12-04 ‧ 由 小斑 分享
DAY 2

day2_background

挑戰 CSS 第二天,練習基本與重要的背景屬性:background-color 和 background-image 範例如下: <!DOCTYPE h...

2017-12-05 ‧ 由 小斑 分享
DAY 3

day3_border-style

border-style 可以用來指定邊框的樣式。 如以下範例: <!DOCTYPE html> <html> <head&g...

2017-12-06 ‧ 由 小斑 分享
DAY 4

day4_border 其他樣式

此篇介紹關於 border 的其他樣式,包含: **border:**若四個邊框屬性一樣,可用 border 屬性來描述(一行即可宣佈所有邊框的屬性)。**b...

2017-12-07 ‧ 由 小斑 分享
DAY 5

day5_float&clear

float (浮動) 屬性可達成文字繞著一個圖案顯現,可能的值為:left、right、和 none。float:left; 使圖案浮動於左邊。float:r...

2017-12-08 ‧ 由 小斑 分享
DAY 6

day6_color

color (顏色) 屬性可設定一個元素的顏色。此屬性可以有以下三類的設定值: 十六進位值 RGB 碼 顏色名稱 範例如下: <!DOCTYPE...

2017-12-09 ‧ 由 小斑 分享
DAY 7

day7_cursor

今天比較忙,先簡單放上一些內容 滑鼠游標圖案加上 style="cursor:pointer" 即可 其他滑鼠游標圖案,參考

2017-12-10 ‧ 由 小斑 分享
DAY 8

day8_direction

direction 屬性是用來設定文字的方向。可能的值為 'ltr' 與 'rtl'。 如以下範例: <!DOCTYPE html> <h...

2017-12-11 ‧ 由 小斑 分享
DAY 9

day9_letter-spacing&line-height

letter-spacing 屬性可用來設定每一個字母之間的空間。line-height 屬性可用來設定每一行之間的空間。 如以下範例: <!DOCT...

2017-12-12 ‧ 由 小斑 分享
DAY 10

day10_text-align&text-decoration

text-align 屬性是用來設定文字是如何對齊。可能的值包括:left: 靠左對齊right: 靠右對齊center: 向中間對齊justify: 左右對...

2017-12-13 ‧ 由 小斑 分享