HTML/CSS/Text/text shadow

Материал из Web эксперт
Перейти к: навигация, поиск

Set text-shadow to "yellow .15em .15em .15em"

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 

   <head>
       <title></title>

<style type="text/css"> body { 

 font-size: 62.5%;
 margin: 10% 10% 20% 10%;

} h1 { 

 font-size: 2.5em;
 font-family: Myriad, Helvetica, Arial, sans-serif;
 width: 66.6%;
 text-shadow: yellow .15em .15em .15em;
 margin: 0 0 0.1em 0;

} p { 

 margin: 0 0 1em 0;
 font-size: 1.2em;
 line-height: 1.5;

} </style> 

   </head>
   <body>

Header 1


This is a test.

   </body>

</html> 

</source>


text-shadow: 0.3em 0.3em 0.5em black

   <source lang="html4strict">

<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> 

 <title>CSS Example</title>
 <style rel="stylesheet" type="text/css">

body { 

 color: #000000;
 background-color: #ffffff;
 font-family: arial, verdana, sans-serif;
 font-size: 12px;

} .dropShadow { 

 text-shadow: 0.3em 0.3em 0.5em black;
 color: #ffffff;

} </style> </head> <body>

drop-shadow

This heading should have a drop shadow

</body> </html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Text/text_shadow&oldid=5895»