DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS網頁制作技巧:Button樣式設置代碼
CSS網頁制作技巧:Button樣式設置代碼
編輯:CSS進階教程     

制作按鈕時,我們平常都用“<button>”、“input[type=rest]”、“input[type="submit"]”和“input[type=button]”較多,如果你想讓你的按鈕漂亮,記得加上下面的樣式:


/*IE下除去多余的邊距 */
  .button{
   overflow: visible;
  }
  /* Firefox下去除焦點虛線框 */
  .button::-moz-focus-inner{
   border: 0;
   padding: 0;
  }
  /*實現圖片按鈕*/
  .button {
   font: 0/0 a;
   color: transparent;
  }

另外在這些按鈕中使用padding值來代替行高居中的效果,在firefox和opera浏覽器下只識別默認行高:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved