반응형
📌 글씨에 테두리 적용
◽ text-stroke
<body>
<h1 class="heading">Hello</h1>
</body>html 이렇게 작성해주고
body {
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #205f1042;
}
.heading {
margin: 0;
font-size: 5em;
/* -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff; */
-webkit-text-stroke: 2px #fff;
color: transparent;
}css 이렇게 작성해주면
반응형
반응형
'퍼블리싱' 카테고리의 다른 글
| [CSS] 프레임 비율 자동 조절 (aspect-ratio) (1) | 2025.05.02 |
|---|---|
| [CSS] 반응형 텍스트 사이즈 자동 조절 (1) | 2025.05.02 |
| [VS Code] 비주얼 스튜디오 코드(Visual Studio Code) 필수 Extension 설치 및 사용법 (1) | 2025.05.01 |
