12345

.shadow {
	-webkit-text-stroke: 2px #333;
	text-stroke: 2px #333;
	color: #fff;
}

使用CSS給數(shù)字描邊，可以讓數(shù)字看起來更加突出，提高視覺效果。

在上面的例子中，我們使用了text-shadow屬性給數(shù)字做了一個(gè)黑色的陰影，但是有時(shí)候這樣的陰影并不能滿足需求，這時(shí)候就可以嘗試使用text-stroke屬性來實(shí)現(xiàn)數(shù)字描邊。

text-stroke是一個(gè)CSS3的新屬性，它允許我們在文字周圍添加一條邊框。不過需要注意的是，該屬性目前只在WebKit內(nèi)核的瀏覽器中支持，如Chrome、Safari等，其他瀏覽器還不支持。

我們可以使用text-stroke屬性來定義邊框的顏色和粗細(xì)，示例代碼如下：

.shadow {
	-webkit-text-stroke: 2px #333;
	text-stroke: 2px #333;
	color: #fff;
}

上面的代碼中，我們定義了一個(gè).shadow類，使用-webkit-text-stroke屬性實(shí)現(xiàn)了文字描邊，邊框?qū)挾葹?px，顏色為#333。

在實(shí)際開發(fā)中，我們可以根據(jù)需求調(diào)整text-stroke的值來實(shí)現(xiàn)不同的效果，例如給文字添加雙重描邊等。