在網頁設計中，輸入框和按鈕的樣式非常重要，可以為用戶提供更好的交互體驗。CSS（層疊樣式表）是一種用于網頁設計的樣式表語言，可以用來控制文本、圖片、布局和其他元素的樣式。下面我們將介紹如何使用CSS來美化輸入框和按鈕。

/* 輸入框樣式 */
input[type=text]{
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
font-size: 16px;
}
/* 按鈕樣式 */
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
/* 按鈕樣式-懸停 */
button:hover {
background-color: #45a049;
}
/* 按鈕樣式-按下 */
button:active {
background-color: #3e8e41;
}

上述代碼展示了如何為輸入框和按鈕添加樣式。可以看到，輸入框的樣式包括邊框、圓角和背景色等屬性，按鈕的樣式包括背景色、邊框和鼠標狀態等屬性。我們可以根據自己的需求修改這些屬性或添加其他屬性，以滿足不同的設計需求。