html5按鈕怎麼調透明度

在進行網頁設計的時候，通常需要對按鈕做一些樣式上的修改，達到美化的效果。那麼，在html5的頁面中，如何設定按鈕的透明度呢？

開啟vscode，建立一個html5規範的測試頁面。如果沒有vscode，使用文字檔案也是一樣的效果

在測試頁面中新增一個按鈕，注意，h5頁面的按鈕是button標籤，不再是input標籤了

在瀏覽器中執行測試頁面，可以看到預設按鈕的樣子，這樣的按鈕樣式，通常來說是不被接受的，因為太過於普通

在測試頁面中，新增style程式碼塊，在這裡對所有button進行樣式修改。因為，此處僅僅只做演示，所以，直接對按鈕進行了樣式修改，如果只需要對部分按鈕進行樣式修改，就可以使用類或者id選擇器

在瀏覽器中，再次執行測試頁面，可以看到按鈕變大了，其餘並沒有太大的區別

這個時候，繼續在測試頁面中，對按鈕的樣式進行修改，新增按鈕文字的顏色、按鈕背景色、按鈕邊框大小和顏色

在瀏覽器中執行，可以看到按鈕看起來就變成透明的了，與之前預設樣式的按鈕完全不一樣了