CSS3邊框半徑

Question

我正在用js和css制作一個計算器，並且擁有計算器主體的主要div都有圓角

#calc {
  background-color: #4CADEC;
  border-radius: 3%;
  height: 500px;
  margin: 200px 300px 400px 225px;
  width: 400px;
}

我試圖用計算器的屏幕部分的不同背景色覆蓋主體

#top {
  background-color: #808080;
  border-radius: 15% 15% 0% 0%;
}

問題在於，由於top元素比calc div元素更淺，因此角線曲線的角度更淺

Answer 1

您可以簡單地使用絕對單位嗎？

#calc {
  border-radius: 15px;
}

#top {
  border-radius: 15px;
}