CSS3 text-shadow字體陰影

江苏快三有什么规律 www.grxbu.tw 早上好,這里是山東濟南文匯建站官網。

今天分享一個css3的新屬性。text-shadow。

山東文匯app開發,微信小程序開發,網站開發

text-shadow可以設置文字陰影效果對文字字體設置陰影效果樣式,本來在CSS2版本中也有此屬性,但在CSS3中文字陰影text-shadow再次被應用,豐富文字排版布局美化效果。

在我們做愛優愛評網站的時候。文字在圖片的上面。如果網站上傳的圖片背景偏白色的話,那么就看不到文本的內容了。

于是給文字加添了一個text-shadow的屬性。加了這個屬性之后,就算背景圖是白色的,也能看得見文字。

山東文匯app開發,微信小程序開發,網站開發

代碼如下:

<!DOCTYPE html>

<html>

<head>

<style>

h1 { color: #fff; text-shadow:2px 2px 8px #FF0000;}

</style>

</head>

<body>


<h1>山東濟南文匯App開發,網站建設,微信小程序開發!</h1>


</body>

</html>

山東文匯app開發,微信小程序開發,網站開發.png

山東文匯app開發,微信小程序開發,網站開發

關于text-shadow兼容:CSS3樣式IE9以上版本瀏覽器支持、谷歌瀏覽器支持。

山東文匯app開發,微信小程序開發,網站開發

分享結束,如果想看到更多的新聞內容,請關注山東文匯信息服務官網。</a>

關鍵詞:
返回列表

相關文章

相關案例