HTML/CSS/Text/text shadow — различия между версиями

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

Версия 09:21, 26 мая 2010

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

 
<!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>
<div id="frame">
    <h1>Header 1</h1>
    
   
    <p>This is a test.</p>
</div>
    </body>
</html>



text-shadow: 0.3em 0.3em 0.5em black

 
<?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>
<h1>drop-shadow</h1>
<h1 class="drop">This heading should have a drop shadow</h1>
</body>
</html>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/Text/text_shadow&oldid=5894»