簡單計算器是我們日常生活常常會用到的一個工具，那么如何為計算器添加css樣式呢？下面就來介紹一下。

/*首先我們要添加計算器的樣式*/
.calculator {
width: 200px;
height: 250px;
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
box-shadow: 2px 2px 5px #ccc;
border-radius: 5px;
margin: 0 auto;
text-align: center;
}
/*接下來我們為計算器的表格樣式進行設置*/
.calculator table {
width: 100%;
}
.calculator table td {
padding: 5px;
text-align: center;
background-color: #fff;
border: 1px solid #ccc;
}
.calculator table tr:first-child td {
border-top: none;
}
.calculator table tr:last-child td {
border-bottom: none;
}
.calculator table tr td:first-child {
border-left: none;
}
.calculator table tr td:last-child {
border-right: none;
}
/*為了讓數字和運算符看起來更清晰，可以使用不同的顏色和字體大小*/
.calculator .number {
font-size: 20px;
color: #333;
}
.calculator .symbol {
font-size: 18px;
color: #666;
}

以上就是簡單計算器使用css樣式的設置方法，你可以根據自己的需求進行調整和修改。