在網(wǎng)頁設計中，圓形和線條是常見的元素，為了實現(xiàn)這些效果，我們可以使用CSS。

首先，讓我們來實現(xiàn)一個圓形。CSS提供了border-radius屬性，該屬性可以將元素的邊框設置為圓角。如果將該屬性的值設置為元素寬度的一半，那么該元素就會變成一個圓形。以下是示例代碼：

.circle{
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
}

上述代碼創(chuàng)建了一個寬高為100px的紅色圓形。我們將border-radius設置為50%，這樣就實現(xiàn)了圓形的效果。

接下來，讓我們來實現(xiàn)一條線條。CSS提供了border-style屬性，該屬性決定了元素的邊框類型。我們可以將其設置為solid，這樣就可以創(chuàng)建出一個實線的邊框。以下是示例代碼：

.line{
width: 100px;
height: 2px;
border-style: solid;
border-color: #f00;
}

上述代碼創(chuàng)建了一條寬度為100px、高度為2px的紅色實線。我們將border-style設置為solid，同時設置border-color為紅色，這樣就實現(xiàn)了線條的效果。

總之，使用CSS實現(xiàn)圓形和線條是很簡單的，只需掌握border-radius和border-style等屬性，就可以輕松地實現(xiàn)這些效果。