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

CSS 글꼴 테두리: 이제 현실이 되었나요?

CSS3 영역에서 테두리는 완전히 새로운 차원을 차지했습니다. -webkit 접두사의 출현으로 질문이 생깁니다. 이제 글꼴에 테두리를 추가할 수 있습니까?

질문:

CSS/XHTML을 사용하여 글꼴을 추가할 수 있습니까? 트위터 로고의 흰색 테두리와 비슷한 텍스트 주위에 테두리가 있습니까? 그렇지 않다면 Photoshop을 사용하지 않고 이 효과를 얻을 수 있는 실행 가능한 방법이 있습니까?

답변:

실제로 CSS는 텍스트 획이라는 실험적인 속성을 제공합니다. 특정 브라우저에서는 -webkit 접두사로 강화됩니다.

코드 예:

다음 코드 조각은 텍스트 스트로크 사용을 보여줍니다.

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

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

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