怎么利用css3实现下凹型字体

ID:12861 / 打印
方法:1、使用color属性将字体颜色设置的和背景色一致;2、使用text-shadow属性给文字加阴影来实现下凹型字体效果,语法“text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;”。

怎么利用css3实现下凹型字体

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

利用css3实现下凹型字体

1、使用color属性将文字颜色设置的和背景色一致

2、使用text-shadow属性给文字加阴影来实现下凹型字体效果

立即学习“前端免费学习笔记(深入)”;

实现代码:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body { background-color: #ccc; }  div { color: #ccc; font: 700 50px "微软雅黑"; }  div { text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff; } </style> </head> <body> <div>我是凹下去的文字</div> </body> </html>

1.png

(学习视频分享:css视频教程)

上一篇: css3怎么办能选择第三个li元素
下一篇: css3怎样实现旋转缩放动画效果

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。