CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)
- 青灯夜游원래의
- 2018-10-09 14:10:0622875검색
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:
설명:
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:
 "153906489530582CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)")
이런 방식으로 텍스트 장식: line-through 및 요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면 CSS 비디오 튜토리얼을 방문하세요! 관련 추천: php 공공 복지 교육 비디오 튜토리얼
위 내용은 CSS에 취소선을 추가하는 방법은 무엇입니까? CSS 텍스트 장식 속성은 취소선을 설정합니다(코드 예)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!