CSS和HTML是現代網頁設計的基本工具之一，它們可以讓網頁變得更加美觀和易用。在網站設計中，常常需要在頁面上添加郵箱鏈接，讓用戶可以直接點擊鏈接進入自己的郵箱。下面我們來看一下如何使用HTML和CSS編寫郵箱鏈接代碼。

<a href="mailto:你的郵箱地址">點擊此處發送郵件</a>

上面這段HTML代碼就是一個基本的郵箱鏈接，其中href屬性的值是mailto:加上自己的郵箱地址。此外，我們還可以通過CSS來美化這個鏈接。比如下面這個例子實現了當鼠標滑過鏈接時出現下劃線的效果：

a:hover {
text-decoration: underline;
}

代碼中的:hover表示鼠標滑過時的效果，text-decoration屬性用于設置下劃線樣式。除此之外，我們還可以在CSS中設置文字顏色和字體大小等樣式。例如：

a {
color: #007bff;
font-size: 16px;
}

上面的代碼將鏈接文字的顏色設置為藍色，并將字體大小設置為16像素。這樣可以讓鏈接與頁面其它元素區分開來，更易于用戶點擊。通過HTML和CSS，我們可以很方便地在網頁上添加郵箱鏈接，并對其進行美化和定制化，從而為用戶帶來更好的使用體驗。