CSS3在網頁設計中有許多應用，其中之一就是制作電話。利用CSS3的一些屬性，可以使電話的樣式更加美觀且用戶友好。

/* 對電話進行樣式設置 */
.phone {
display: inline-block; /* 將電話設置為內聯塊元素 */
line-height: 42px; /* 設置電話的行高 */
font-size: 22px; /* 設置字體大小 */
color: #fff; /* 設置字體顏色 */
text-decoration: none; /* 去掉下劃線 */
background-color: #046bb9; /* 設置背景顏色 */
padding: 0 15px; /* 設置電話左右內邊距 */
border-radius: 5px; /* 設置圓角 */
box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* 添加陰影效果 */
transition: all 0.3s ease-in-out; /* 添加過渡效果 */
}
/* 當鼠標懸浮在電話上時的樣式 */
.phone:hover {
background-color: #04549e;
}
/* 當標簽被激活時的樣式 */
.phone:active {
transform: translateY(3px);
box-shadow: none;
}

通過以上的CSS樣式設置，在HTML頁面上加入以下代碼即可制作出美觀的電話：

10086