CSS（層疊樣式表）可以為網頁添加各種美觀的樣式，讓用戶享受更好的瀏覽體驗。其中一個重要的方面就是用CSS設計好看的用戶互動樣式。

/* 按鈕懸停效果 */
button:hover {
background-color: #4CAF50; /* 深綠色 */
color: white;
}
/* 輸入框聚焦效果 */
input:focus {
border: 3px solid #4CAF50;  /* 深綠色邊框 */
outline: none;  /* 去掉默認的聚焦外框 */
}
/* 鼠標懸浮提示框 */
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}

以上CSS代碼實現了常用的好看的用戶互動樣式，包括按鈕懸停效果、輸入框聚焦效果、以及鼠標懸浮提示框。這些樣式為用戶提供了直觀易懂的互動體驗，增強了網頁的可操作性。

設計好看的用戶互動樣式需要考慮多方面，如用戶體驗、交互流暢性等等，只有綜合考慮并結合實際需求，才能真正做到好看、實用。