凹凸文字
代码:
<!DOCTYPE html>
<!--
@Author jinliwei
@Date 2019/9/16 16:03
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>凹凸文字</title>
<style type="text/css">
body {
background-color: #ccc;
}
div {
color: #ccc;
font: 700 80px "微软雅黑";
}
div:first-child {
/* text-shadow:水平位置 垂直位置 模糊距离 阴影颜色 */
text-shadow: 1px 1px 1px #000, -1px -1px 1px #fff;
}