همان طور که در این پرسش و پاسخ ، برای شکل ها سایه درست کردیم، به منظور ایجاد سایه برای متن ، از text-shadow استفاده می کنیم. text-shadow هم همان 4 پارامتر را می گیرد:

• فاصله از محور x
• فاصله از محور y
• میزان تیرگی
• رنگ سایه

h1 {
   text-shadow: 0 1px 0 white;
   color: #292929;
}

اینجا هم می توانیم همزمان چند سایه برای متن ایجاد کنیم (با جدا کردن آن ها با ، ). به مثال زیر توجه کنید:

body { background: white; }
 
h1 {
   text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
   color: white;
}