代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background-color: #cccccc;
}
p{
text-align: center;
font-size: 60px;
margin-top: 50px;
font-weight: bold;
color: #cccccc;
}
.tu{
text-shadow: -1px -1px 1px #fff,1px 1px 1px #000;
}
.ao{
text-shadow: 1px 1px 1px #fff,-1px -1px 1px #000;
}
</style>
</head>
<body>
<p class="tu">好好学习</p>
<p class="ao">天天向上</p>
</body>
</html>
CSS3凹凸文字效果
猜你喜欢
转载自blog.csdn.net/zuo_zuo_blog/article/details/88900259
今日推荐
周排行