CSS是一種基礎的網頁設計語言，可以用它來美化網頁的元素。在CSS中，要用到的一種HTML樣式是“border-style”，用來設置元素的邊框樣式。通過設置border-style為dotted或dashed，就能創建出帶點的線條效果。

具體的實現方式如下：

.dotted-line {
border-top: 2px dotted black;
}
.dashed-line {
border-top: 2px dashed black;
}

以上代碼中，我們通過border-top來設置頂部邊框的樣式。2px為邊框寬度，dotted和dashed分別是點線和虛線樣式。black為邊框顏色，可以根據需求進行修改。

然后，我們在HTML中加入如下代碼，即可創建出帶點的線條效果：

<div class="dotted-line">這是一條帶點的線。