>웹 프론트엔드 >CSS 튜토리얼 >CSS 설정 텍스트 외부 광선 효과

CSS 설정 텍스트 외부 광선 효과

王林
王林앞으로
2020-12-08 16:39:414274검색

CSS 설정 텍스트 외부 광선 효과

구현 코드:

(추천 튜토리얼: 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 설정 텍스트 외부 광선 효과

위 내용은 CSS 설정 텍스트 외부 광선 효과의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제