在CSS中,我們可以使用border-bottom樣式來定義橫線。而若要在橫線上添加圓點,則需要使用border-bottom-style: dotted;來定義樣式,如下:
border-bottom:1px dotted black;
這樣,在選擇器所定義的元素底部就會添加一條黑色的1像素寬的橫線,并且這條橫線上每隔一段距離就會出現一個小圓點。
如果我們想要控制這個小圓點的間距,就需要用到border-bottom-width和border-bottom-color樣式。如下:
border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#ccc;
這樣,我們可以將橫線的顏色和每個圓點之間的距離都進行個性化設置。
上一篇div 圖片白邊
下一篇css定義文字傾斜加粗