text-shadow 文本阴影
text-shadow属性 可以为文本 添加 一个或多个的阴影效果。
注意:多个阴影,指定用逗号分隔开来。
语法:
text-shadow: h-shadow v-shadow blur color;
1个阴影的制作如下所示
<style>
.txt1{
font-size: 30px;
/* 第一个值垂直偏移 第二个值水平偏移 第三个像素·值越大越模糊 */
text-shadow: 5px 5px 1px red;
}
</style>
</head>
<body>
<h1 class="txt1">我是中国人,爱写中国字</h1>
</body>
text-shadow里面第一个值垂直偏移 第二个值水平偏移 第三个像素·值越大越模糊
预览效果图
利用css3实现如下凸型字体(两个阴影) 制作如下所示
<style>
body{
background-color: