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



Nacht夜 Love Dream Happiness

私訊  發言  +好友

未認證 2014-07-03 23:05:17



  這裡是給一些沒有基礎的同學看的
  有問題歡迎意見!
  
  -------------------------------------
  
  2015/02/28 新增 BASS留言版基本區塊名稱


好文(1)    給我的話   相本化   本主題精華文章    發表留言  

文章連結 1380491886

Nacht夜 Love Dream Happiness

私訊  發言  +好友

未認證
2015-02-28 10:39:27

 BASS留言版基本區塊名稱
 
 灰色:body
 紫色:.head_menu
 白色:.small_menu
 黃色:td.small_menu
 綠色:table.tell_content
 橘色:.small_head
 粉色:.content
 
   
 
 
 
 
 
 
 
 
 
 


給5  10  20  其他bm     好文(5)    意見    回覆文章    分享留言   


文章連結 1409680567

Nacht夜 Love Dream Happiness

私訊  發言  +好友

未認證
2014-07-03 23:10:32

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


給5  10  20  其他bm     好文(15)    意見    回覆文章    分享留言   


 頁數 : 0 

搜尋本版