반응형
CSS를 사용하여 텍스트에 취소선을 표시하려면, `text-decoration` 속성을 사용하면 됩니다. `text-decoration` 속성은 텍스트에 대한 장식을 설정하는 데 사용됩니다. 다음은 간단한 예제입니다.
```html
<!DOCTYPE html>
<html>
<head>
<style>
.strikethrough {
text-decoration: line-through;
}
</style>
</head>
<body>
<p>This text is not strikethrough.</p>
<p class="strikethrough">This text is strikethrough.</p>
</body>
</html>
```
위의 코드에서 `text-decoration` 속성을 사용하여 `.strikethrough` 클래스를 가진 요소에 취소선을 추가합니다. 이 경우, `line-through` 값을 사용하여 수평선으로 텍스트를 가로지르는 취소선을 표시합니다.
출력 결과는 다음과 같습니다.
```
This text is not strikethrough.
This text is strikethrough.
```
따라서, CSS를 사용하여 텍스트에 취소선을 표시하는 방법은 간단합니다. `text-decoration` 속성을 사용하여 텍스트에 대한 다양한 스타일을 설정할 수 있으므로, 필요에 따라 다양한 스타일을 적용하여 텍스트를 꾸밀 수 있습니다.
반응형
'개발' 카테고리의 다른 글
| PHP array_chunk를 사용한 배열 분할 방법 (0) | 2023.05.11 |
|---|---|
| JavaScript로 부모 창 새로고침하는 방법 (0) | 2023.05.11 |
| 카페24 호스팅 IP 차단 하는 방법 (0) | 2023.05.10 |
| css 색상표 사이트 추천[링크] / Color Palettes for Designers and Artists (0) | 2023.05.10 |
| Spring Boot Kotlin에서 현재 도메인을 확인하는 방법 (0) | 2023.05.10 |
댓글