CSS字體可以描邊,這是很多網頁設計師所追求的效果之一。
.text { font-size: 24px; font-weight: bold; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /* 上、左、下、右方向都設置1px的偏移,形成描邊效果*/ }
以上是一個簡單的例子,其中text-shadow屬性就能實現字體描邊的效果。實際上,描邊效果可以通過控制偏移量、顏色、透明度等參數去實現不同的效果。
需要注意的是,字體描邊的效果只對一些瀏覽器支持并不是很好的屬性進行兼容,比如IE6、IE7等早期版本的IE瀏覽器,因此在實際應用中還需要根據所選用的字體和瀏覽器版本來做出一定的調整。
上一篇css字體去掉默認顏色
下一篇ajax如何返回中文亂碼