<style type="text/css" media="screen">
a:link { color: white; font-size: 10pt; font-family: Verdana; text-decoration: none; text-shadow: black 1px -1px 1px }
a:visited { color: white; font-size: 10pt; font-family: Verdana; text-decoration: none; text-shadow: black 1px -1px 1px }
a:active { color: white; font-size: 10pt; font-family: Verdana; text-decoration: none; text-shadow: black 1px -1px 1px }
a:hover { color: #b7ae83; font-size: 10pt; font-family: Verdana; text-decoration: underline; text-shadow: black 1px -1px 1px }
.class { color: white; font-size: 10pt; font-family: Verdana; text-decoration: underline; text-shadow: black 1px -1px 1px }
</style>
Sådan kunne du i teorien skrive, men da det ikke er blevet implementeret i nogen browser endnu, er det heller ikke muligt.
"text-shadow: black 1px -1px 1px" kan forståes som:
text-shadow: 1 2 3 4
hvor 1 er farven
2 er den horisontale afstand, til højre eller venstre, skyggen skal række imod. positiv værdi mod højre og negativ mod venstre.
3 er den vertikale afstand, op eller ned, skyggen skal række imod. positiv værdi er op og negativ er ned.
4, som er valgfri, bestemmer hvor stor radiusen på en "sløreffekt" skal være rundt om teksten.
kig evt. her:
http://www.devguru.com/Technologies/css/quickref/css_textshadow.html