CSS的字体阴影-(3d文字)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/icon-x" href="images/logo.png">
<title>css中的字体样式</title>
<style type="text/css">
body{background: url(images/timg.jpg) no-repeat right top;font:bold 2em 微软雅黑;}
/*文字阴影：text-shadow 属性值：共4个值，x轴阴影位置，y轴阴影位置，阴影范围，阴影颜色*/
h1{color: #fff; text-shadow: #F0C108 5px 5px 10px;}
/*带有轮廓的文字*//*左下右上*/
h2{color: #08F0CE;text-shadow: -1px 0 #000, 0 1px #000,1px 0 #000,0 -1px #000;}
h3{color: #FBDD6F;text-shadow: -1px 1px #fff,2px -2px #B6602F;}
span{color:#fff;text-shadow:1px 0 5px #B6602F; }
</style>
</head>
<body>
<h1>CSS中的字体样式</h1>
<h2>don't give up and don't give in </h2>
<h3>欢迎来到0133技术站</h3>
<span>我爱代码,代码使我快乐！</span>
</body>
</html>
