ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでテキストの外部グロー効果を実現する方法
CSSでテキストの外部グロー効果を実現する方法
- 王林転載
- 2020-07-07 17:11:514791ブラウズ
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>効果:
以上がCSSでテキストの外部グロー効果を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。