Nacht夜
Love Dream Happiness

私訊 

CSS樣式討論版:CSS基本講解(不定期更新)


 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;}