CSS中怎么實(shí)現(xiàn)虛線居中呢？我們可以使用CSS3的outline屬性，下面是代碼示例：

.element {
display: inline-block;
outline: 1px dashed #000;
outline-offset: -1px;
text-align: center;
line-height: 30px;
height: 30px;
width: 100px;
}

如上代碼，outline屬性設(shè)置虛線邊框，outline-offset屬性設(shè)置邊框偏移量為-1px，使得虛線位于元素內(nèi)部邊緣，text-align屬性設(shè)置水平居中，line-height屬性與height屬性設(shè)置垂直居中。

CSS中除了outline屬性外，還可以使用box-shadow屬性模擬虛線，下面是代碼示例：

.element {
display: inline-block;
box-shadow: inset 0px -1px 0px 0px #000000;
text-align: center;
line-height: 30px;
height: 30px;
width: 100px;
}

如上代碼，box-shadow屬性設(shè)置描邊效果，inset關(guān)鍵字設(shè)置內(nèi)陰影，陰影的第二個(gè)參數(shù)設(shè)置虛線大小，陰影的第三個(gè)參數(shù)設(shè)置虛線距離底部的偏移量，從而實(shí)現(xiàn)虛線邊框的效果。