注意:将背景颜色调成与字体颜色一样
<style type="text/css">
body {
background-color: #ccc
}
div {
color: #ccc;
font: 700 60px "微软雅黑";
}
div:first-child {
text-shadow: 1px 1px 1px #000, -1px -1px #fff; /*下黑上亮*/
}
div:last-child {
text-shadow: -1px -1px 1px #000, 1px 1px #fff; /*下亮上黑*/
}
</style>
<body>
<div>凸文字</div>
<div>凹文字</div>
</body>