<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>文字阴影</title>
<style>
div{
background-color:#EBEBEB;
width:500px;
height:100px;
line-height:100px;
color:#E3E1E2;
font-size:40px;
font-weight:bold;
font-family:"Arial Black", Gadget, sans-serif;
text-shadow:0 1px 1px rgba(255,255,255,1),
0 -1px 1px rgba(0,0,0,3);
}
</style>
</head>
<body>
<div>This is heading</div>
</body>
</html>
效果图:
大概就是这样子的,你再调一调就能和你的一样了,css3文字阴影效果只有支持css3的浏览器才能显示,比如chrome、Firefox等,IE9以下不支持。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)