CSS3学习——立体文字
1、通过在文本的左上和右下各添加 1像素的错位补色阴影,可以实现。
2、在上面的基础上反向设计阴影颜色即可。
<p class="p1">Text Shadow</p> <p class="p2">Text Shadow</p>
body{ background-color: #ccc; } p{ text-align: center; padding: 24px; margin: 0; font-family: helvetica,arial,sans-serif; color: #d1d1d1; font-size: 80px; font-weight: bold; } .p1{ text-shadow:-1px -1px white, 1px 1px #333; } .p2{ text-shadow:1px 1px white, -1px -1px #444; }
高否?富否?帅否?
否?
滚去学习!