CSS가 Twitter 로고처럼 텍스트에 테두리를 추가할 수 있나요?

CSS에서 글꼴 테두리 만들기

질문:

파란색 Twitter 주위의 흰색 테두리와 유사한 CSS3를 사용하여 글꼴에 테두리를 추가합니다. 로고?

답변:

예, text-Stroke라는 실험적인 CSS 속성이 있습니다. 이는 -webkit 접두사가 있는 일부 브라우저에서 지원됩니다.

CSS 코드:

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans; color: yellow;
}

HTML 코드:

<h1 id="Hello-World">Hello World</h1>

이 코드는 노란색 텍스트 주위에 2픽셀의 검은색 테두리가 있는 제목을 생성합니다. Twitter 로고와 유사한 효과를 만들어냅니다. 그러나 텍스트 스트로크는 아직 완벽하게 지원되는 속성이 아니며 모든 브라우저에서 일관되게 작동하지 않을 수 있습니다.

위 내용은 CSS가 Twitter 로고처럼 텍스트에 테두리를 추가할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!