html5按鈕怎麼調透明度

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

打開vscode，創建一個html5規範的測試頁面。如果沒有vscode，使用文本文件也是一樣的效果

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

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

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

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

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

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