CSS基本講解(不定期更新) (0)  by Nacht夜    給5bm   10bm   20bm   好文(15)     回復文章    取消收錄    分享到 FB 


CSS的結構

要定義的區塊{定義項目:指令;}

你想換個雙馬尾的髮型
要定義的區塊:頭髮
定義項目:髮型
指令:雙馬尾

頭髮{髮型:雙馬尾;}

你想把頭髮染成酒紅色
要定義的區塊:頭髮
定義項目:髮色
指令:酒紅色

頭髮{髮色:酒紅色;}

Example

改變留言板背景色為白色
要定義的區塊:留言板(.main_frame)
定義項目:背景色(background或background-color都行)
指令:白色(#FFFFFF)

就會變成↓
.main_frame{background: #FFFFFF;}


粗體字下面加上黑色虛線
要定義的區塊:粗體字(b)
定義項目:下面加線/下面邊框(border-bottom)
指令:黑色虛線(dashed 1px #000000)

就會變成↓
b{border-bottom:dashed 1px #000000;}


圖片去除邊框
要定義的區塊:圖片(img)
定義項目:邊框(border)
指令:去除(none/0px)

就會變成↓
img{border:none;}


去除BASS LOGO
要定義的區塊:BASS LOGO(div.head)
定義項目:顯示(display)
指令:去除(none)

就會變成↓
div.head{display:none;}