在CSS中設置邊框可以使用border屬性,而設置點狀的邊框可以使用border-style屬性的dotted值。
.box { border: 1px dotted black; }
在上面的代碼中,.box是需要設置點狀邊框的元素的類名,1px是邊框的寬度,dotted是設置邊框樣式為點狀,black是邊框的顏色。根據需要,可以調整邊框的寬度和顏色。
除了直接使用border-style屬性設置為dotted外,還可以分別設置邊框的上、下、左、右四個方向為dotted。
.box { border-top-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-right-style: dotted; }
在上面的代碼中,四個border-*屬性分別指定元素的上、下、左、右四個方向的邊框樣式為dotted。
需要注意的是,如果元素使用了box-sizing: border-box屬性,則邊框寬度會被算入元素的盒子模型中,從而影響元素的大小和布局。
上一篇用css怎樣做個好看頁面
下一篇用css打印html頁面