CSS 和 JavaScript 是構建現代 Web 應用程序不可或缺的技術。半透明效果是一種常見的 CSS 技術，可以讓文本、圖片、邊框等元素呈現出一種半透明的效果。而 JavaScript 則可以用于實現更復雜的半透明效果，例如通過計算元素的高度和寬度并使用 CSS 的 `border-radius` 和 `background-color` 屬性來創建半透明的背景和邊框。

```css

text-align: center;

font-size: 20px;

line-height: 20px;

background-color: #f2f2f2;

border-color: #999999;

在這個例子中，`background-color` 屬性用于設置元素的的背景顏色，`border-color` 屬性用于設置元素的邊框顏色，而 `line-height` 屬性用于設置文本的垂直和水平長度。

除了使用 CSS 樣式來實現半透明效果外，JavaScript 還可以通過計算元素的高度和寬度，并使用 CSS 的 `border-radius` 和 `background-color` 屬性來創建半透明的背景和邊框。例如，以下代碼可以創建一個半透明的矩形：

```javascript

function make半透明矩形(width, height) {

const radius = Math.floor(width / 2);

const color = " rgba(" + (0.5 + radius * radius, 0.25 + radius * radius, 0.25 + radius * radius, 1) + ")";

return document.createElement("div");

return document.querySelector("div");

const rect = make半透明矩形(100, 100);

rect.style.width = "100px";

rect.style.height = "100px";

rect.style.borderradius = "50% 50% 50%";

rect.style.background = color;

在這個例子中，`make半透明矩形` 函數計算元素的的寬度和高度，并使用 CSS 的 `border-radius` 和 `background-color` 屬性來創建半透明的背景和邊框。最后，將創建的半透明矩形添加到頁面中，并使用 `style` 屬性設置其的寬度和高度。

通過使用 CSS 和 JavaScript，我們可以創建各種半透明效果，從而豐富 Web 應用程序的樣式和交互。