今天分享一個css3的新屬性。text-shadow。
text-shadow可以設置文字陰影效果對文字字體設置陰影效果樣式,本來在CSS2版本中也有此屬性,但在CSS3中文字陰影text-shadow再次被應用,豐富文字排版布局美化效果。
在我們做愛優(yōu)愛評網(wǎng)站的時候。文字在圖片的上面。如果網(wǎng)站上傳的圖片背景偏白色的話,那么就看不到文本的內容了。
于是給文字加添了一個text-shadow的屬性。加了這個屬性之后,就算背景圖是白色的,也能看得見文字。
代碼如下:
h1 { color: #fff; text-shadow:2px 2px 8px #FF0000;}
山東濟南文匯App開發(fā),網(wǎng)站建設,微信小程序開發(fā)!
關于text-shadow兼容:CSS3樣式IE9以上版本瀏覽器支持、谷歌瀏覽器支持。
上一篇: css3的動畫屬性
下一篇: Js獲取年月日及時間轉換