HTML文字描邊,CSS3實現文字描邊的2種方法

解決方法一

首先想到去看CSS3有沒有什么屬性可以實現，后來被我找到了text-stroke
該屬性是一個復合屬性，可以設置文字寬度和文字描邊顏色
該屬性使用很簡單：text-stroke:1px #f00;（1px是文字寬度，#ff是文字描邊顏色）

.stroke { -webkit-text-stroke: 1px greenyellow; }

解決方法二（推薦）

偶然間發現一種即使不用text-stroke屬性也能夠實現文字描邊的方法—— text-shadow
並且text-shadow屬性的兼容性更好，也不用加前綴-webkit-

.stroke { text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; }