Heim  >  Artikel  >  Web-Frontend  >  So erzielen Sie einen externen Glüheffekt für Text in CSS

So erzielen Sie einen externen Glüheffekt für Text in CSS

王林
王林nach vorne
2020-07-07 17:11:514761Durchsuche

So erzielen Sie einen externen Glüheffekt für Text in CSS

Sie können das text-shadow-Attribut verwenden, um den äußeren Glüheffekt des Textes zu erzielen.

(Empfohlenes Tutorial: CSS-Schnellstart)

Codebeispiel:

<!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>

Effekt:

So erzielen Sie einen externen Glüheffekt für Text in CSS

Das obige ist der detaillierte Inhalt vonSo erzielen Sie einen externen Glüheffekt für Text in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen