兩數相加是一個非常基礎的數學計算，同樣的，在前端開發中，我們也會遇到需要進行數字相加的情況。在這種情況下，我們可以借助 CSS 來實現這個功能。

為了演示這個過程，我們來創建一個包含兩個 input 輸入框和一個按鈕的頁面：

<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="add()">計算
接著，在 JavaScript 中編寫 add() 函數：
function add() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var sum = num1 + num2;
document.body.style.backgroundColor = "rgb(" + sum + "," + sum + "," + sum + ")";
}
這個函數首先獲取了兩個輸入框中的值，然后進行了相加操作，并將結果存入 sum 變量中。最后，我們把背景顏色更改為與數字相加結果的 RGB 值相同。
最后，我們需要使用 CSS 來定義頁面樣式，并將結果顯示在頁面上。我們可以在代碼中加入以下 CSS：
button {
margin-top: 10px;
}
#result {
font-size: 2em;
font-weight: bold;
}
注意，我們已經在 HTML 代碼中添加了一個 div 元素并賦予其 id 屬性 "result"，這個元素用來顯示相加結果。
最后，我們需要在 JavaScript 中加入以下代碼以將結果顯示在頁面上：
document.getElementById("result").innerText = "結果為：" + sum;
現在，我們已經完成了兩數相加的實現，整個頁面的代碼如下：
<input type="number" id="num1">
<input type="number" id="num2">
<button onclick="add()">計算</button>
<div id="result"></div>
<script>
function add() {
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var sum = num1 + num2;
document.body.style.backgroundColor = "rgb(" + sum + "," + sum + "," + sum + ")";
document.getElementById("result").innerText = "結果為：" + sum;
}
</script>
<style>
button {
margin-top: 10px;
}
#result {
font-size: 2em;
font-weight: bold;
}
</style>