溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關css中的text-shadow字體投影屬性樣式怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
text-shadow為css文字陰影、css字體投影與字體陰影含胡效用效果的CSS屬性單詞
css text-shadow陰影功效
text-shadow是CSS格局屬性單詞，是配置對象中文本的翰墨字體能否有陰影及含糊成果的CSS名堂。
1、text-shadow的值
通長時間置4個值，每個值空格離隔，值離別：一個暗影色調、暗影字體左上角起靠左隔絕距離、暗影字體左上角起靠上間隔、暗影高度寬度大小（模糊水平）。
text-shadow解析闡發圖
text-shadow:#000 3px 4px 5px
告白：
設置裝備擺設對象內筆墨陰影色采為彩色，陰影靠字體左上角起靠左3px，暗影靠字體左上角起靠上4px，陰影大小（寬、高）含糊程度為5px。
2、暗影大小與含胡
text-shadow有三個數值，前兩個配置暗影位置，末了一個數值設置暗影大小模糊水準。而值越大陰影變大自然也越模糊，值小天然暗影規模小就清楚。
暗影大小與含混關系
從上圖看出暗影值越大陰影越含混。
3、兼容
IE8及以上閱讀器兼容，支流閱讀器兼容好比谷歌chrome、蘋果
1、css代碼
div{text-shadow:#F00 3px 4px 5px}
p{text-shadow:#000 1px 1px 2px}
2、告白
div{text-shadow:#F00 3px 4px 5px}
配置DIV內翰墨暗影血色，暗影分袂隔絕距離左和上為3px和4px，陰影大小模糊范疇為5px
p{text-shadow:#000 1px 1px 2px}
配置p內筆墨暗影玄色，暗影別離隔斷左與上為1px，暗影領域大小2px
3、截圖
css字體陰影實例成就
在一段文字中，指定幾個文字運用text-shadow配置陰影成果。
1、代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字暗影實例 CSS5</title>
<style>
.ebox{ font-size:16px;bac千克round:#000; text-align:center;
color:#666; width:300px; height:100px; line-height:40px}
.yying{text-shadow:#FFF 1px 1px 1px; color:#000}
</style>
</head>
<body>
<div class="ebox">進修CSS，<span class="yying">上CSS5網</span>！</div>
</body>
</html>關于“css中的text-shadow字體投影屬性樣式怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
