css如何实现文字外发光效果

登录注册

css如何实现文字外发光效果

来源:网络
更新日期:2020-07-07

摘要：可以通过text-shadow属性来实现文字外发光效果。（推荐教程：css快速入门）代码示例：<!DOCTYPE html> <html> <head> <style> h1 { text-shadow: .2rem 0rem .5rem red,-.2rem 0rem

可以通过text-shadow属性来实现文字外发光效果。

（推荐教程：css快速入门）

代码示例：

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: .2rem 0rem .5rem red,-.2rem 0rem .5rem red,0rem .2rem .5rem red,0rem -.2rem .5rem red;
}
</style>
</head>
<body>
 
<h1>文本阴影效果！</h1>
 
</body>
</html>

效果：