CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)-CSS 튜토리얼-php.cn

CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)

青灯夜游

풀어 주다： 2018-10-09 14:21:40

원래의

22983명이 탐색했습니다.

CSS에 취소선을 추가하는 방법은 무엇입니까? 이전 글에서 [html 텍스트에 취소선을 추가하는 방법은 무엇인가요? 취소선을 추가하는 두 가지 방법(예제) ] html 태그 t에 취소선을 추가하는 두 가지 방법을 소개했습니다. 이번 장에서는 CSS를 사용하여 css 텍스트 장식 속성을 사용하여 텍스트에 취소선 효과를 추가하는 방법을 소개합니다. 취소선 스타일을 설정합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

우선 CSS의 text-장식 속성에 대해 간단히 소개하겠습니다.

텍스트 장식 속성은 텍스트에 추가되는 장식을 지정합니다.

설명:

이 속성을 사용하면 취소선 추가와 같은 텍스트에 특정 효과를 설정할 수 있습니다. 하위 요소에 자체 장식이 없으면 상위 요소에 설정된 장식이 하위 요소로 "확장"됩니다. 사용자 에이전트는 깜박임을 지원할 필요가 없습니다.

그래서 CSS 텍스트 장식 속성을 사용하여 텍스트에 취소선 효과를 추가하는 방법, 아래에서는 간단한 코드 예제를 통해 CSS 취소선 구현 방법을 자세히 설명하겠습니다!

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
			}
		</style>
	</head>
	<body>
		<p>这里有一条删除线</p>
	</body>
</html>

로그인 후 복사

Rendering:

CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)

설명:

line-through 속성 값: 텍스트 아래를 통과하는 줄을 정의합니다.

예제에서 볼 수 있듯이,

태그의 텍스트에 취소선을 추가하는 방법은 간단합니다. CSS 설정을 통해 취소선 스타일을 간단히 수정할 수 있습니다. 색상(예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css添加文本文字的删除线</title>
		<style>
			p{
				text-decoration:line-through;
				color: red;
			}
			span{
				color: black;
			}
		</style>
	</head>
	<body>
		<p><span>这里有一条删除线</span></p>
	</body>
</html>

로그인 후 복사

Rendering:

CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)