CSS是一種非常重要的前端語言，它可以幫助我們實現各種優美的頁面效果。在CSS中，我們可以使用半圓畫線來增加網頁的美觀度。

半圓畫線可以通過使用偽元素:before和:after來實現。我們需要先定義一個具有圓角的矩形div，并將偽元素的border-radius屬性設置為50%。然后，我們將偽元素的寬度設置為div的一半，并將其旋轉90度，這樣就可以形成一個半圓形的畫線。

.div {
width: 200px;
height: 100px;
background-color: #ccc;
position: relative;
}
.div:before {
content: "";
width: 100px;
height: 200px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%) rotate(90deg);
z-index: 1;
border: 2px solid #333;
}

在上面的代碼中，我們使用了transform屬性來旋轉偽元素，并設置了z-index屬性，使偽元素位于div下面，以便實現半圓形的畫線效果。我們還使用了top和left屬性將偽元素的位置設置在div的頂部，在使用transform屬性時，矩形-div變為"半圓形"。

這樣，一個漂亮的半圓畫線就完成了，我們也可以通過調整偽元素的寬度、高度、偏移量來實現更多不同的效果。