CSS 취소선 코드는 무엇을 의미하나요?
- 青灯夜游원래의
- 2022-09-14 13:59:554253검색
CSS 취소선 코드는 "텍스트 요소 {text-장식:line-through;}"입니다. CSS 텍스트 장식 속성은 밑줄, 윗줄, 취소선 등과 같이 텍스트에 추가된 수정 사항을 지정하는 데 사용됩니다. 이 속성의 값을 "line-through"로 설정하면 텍스트를 통과하는 선을 정의할 수 있습니다. 즉, 취소선 효과입니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서는 취소선 효과를 얻기 위해 text-장식 속성을 사용할 수 있습니다. 구현 코드는 다음과 같습니다.
文本元素{text-decoration:line-through;}text-장식 속성은 밑줄, 윗줄, 취소선 등과 같이 텍스트에 추가된 수정 사항을 지정합니다.
| 값 | 설명 |
|---|---|
| none | default. 표준을 정의하는 텍스트입니다. |
| underline | 은 텍스트 아래에 줄을 정의합니다. |
| overline | 은 텍스트 위에 선을 정의합니다. |
| line-through | 는 텍스트 아래를 통과하는 선을 정의합니다. |
| blink | 깜박이는 텍스트를 정의하세요. |
설명:
이 속성을 사용하면 취소선 추가 등 텍스트에 특정 효과를 설정할 수 있습니다. 하위 요소에 자체 장식이 없으면 상위 요소에 설정된 장식이 하위 요소로 "확장"됩니다. 사용자 에이전트는 깜박임을 지원할 필요가 없습니다.
코드 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>
예제에서 볼 수 있듯이 text-장식:line-through;를 설정하여 p 요소의 텍스트에 취소선을 추가하면 됩니다. 간단하고 편리합니다. 색상과 같은 CSS 설정을 통해 취소선 스타일을 간단히 수정할 수 있습니다. 예: text-decoration:line-through;为p元素里的文本文字添加了删除线，方法简单、方便。且可以通过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>
这样我们结合text-decoration：line-through和<span></span>rrreee
위 내용은 CSS 취소선 코드는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!