1, 首先创建一个 p 标签;
2, 然后为 p 标签设置 CSS 样式
2, 设置文字颜色透明, 字体阴影即可达到让字体模糊的效果.
(推荐学习: CSS 视频教程 https://www.html.cn/css/ )
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <title>
- Document
- </title>
- <style>
- p{ color: transparent; text-shadow: #111 0 0 1px; } .p1{ text-shadow:
- #111 0 0 3px; } .p2{ text-shadow: #111 0 0 6px; }
- </style>
- </head>
- <body>
- <p>
- test
- </p>
- <p>
- test
- </p>
- <p>
- test
- </p>
- </body>
- </HTML>
效果:
来源: http://www.css88.com/qa/css3/14911.html