HTML5幽靈按鈕代碼是一種新型的按鈕樣式，它能夠為網頁設計師提供更多的創意和自由度。幽靈按鈕在不同的界面設計中都有著廣泛的應用，比如登錄頁面、購物車、注冊頁面等等。下面我們來看一下HTML5幽靈按鈕的代碼實現。

<style>
.ghost-btn {
background-color: transparent;
border: 2px solid #ffffff;
color: #ffffff;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
border-radius: 50px;
transition: all 0.3s ease;
}
.ghost-btn:hover {
background-color: #ffffff;
color: #000000;
}
</style>
<button class="ghost-btn">LOGIN</button>

首先，在CSS中，我們定義了一個類名為ghost-btn的幽靈按鈕樣式，包括了顏色、字體大小、邊框、邊框圓角等等屬性。注意到我們將背景顏色設置為了“透明”，因為幽靈按鈕的特點就在于沒有實心背景。同時，我們設置了按鈕樣式的過渡效果，讓按鈕在鼠標懸停時能夠有漸變的效果。

在HTML中，我們將按鈕的class屬性設置為ghost-btn，這樣就能夠調用我們剛剛在CSS中定義的樣式了。如果你需要設置按鈕的文字內容，可以在按鈕標簽內添加內容，比如LOGIN等等。

使用HTML5幽靈按鈕代碼可以讓網頁設計更加美觀和時尚，同時也為用戶提供更好的操作體驗。不僅如此，這種幽靈按鈕樣式的代碼實現也非常簡單，只需要幾行CSS代碼就能夠完成。快來使用這種按鈕樣式吧，讓你的網頁設計更加動感與時尚！