本文主要是介绍009——通过文字阴影实现凹凸效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
首先效果如下：
代码部分：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>body {background-color: #aaa;}div {font-size: 68px;font-weight: 700;color: #aaa;}div:first-child {text-shadow: 1px 1px 3px rgba(0,0,0,0.8),-1px -1px 3px #fff;}div:last-child {text-shadow: 1px 1px 3px #fff,-1px -1px 3px rgba(0,0,0,0.8);}</style>
</head>
<body><div>凸效果</div><div>凹效果</div>
</body>
</html>
这篇关于009——通过文字阴影实现凹凸效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
