CSS中的點、劃線用來表示網(wǎng)頁元素的樣式,具有重要的美化作用。接下來,我們將詳細討論它們的用法。
/* 單個點樣式 */ .dot { width: 10px; height: 10px; background-color: #000; border-radius: 50%; } /* 單個劃線樣式 */ .line { height: 2px; background-color: #000; } /* 點線樣式 */ .dotted-line { border-bottom: 1px dotted #000; } /* 虛線樣式 */ .dashed-line { border-bottom: 2px dashed #000; }
以上代碼展示了點、劃線在CSS中的常見用法。點和劃線都可以單獨使用,也可以結合使用來構成更復雜的效果,如點線、虛線等。
值得注意的是,劃線的粗細、顏色以及樣式(實線、虛線等)都可以自定義。使用點、劃線樣式可以讓網(wǎng)頁元素看起來更美觀、清晰。