>웹 프론트엔드 >CSS 튜토리얼 >CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법

CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법

云罗郡主
云罗郡主앞으로
2018-11-22 15:52:3215907검색

이 글의 내용은 CSS 글꼴 밑줄을 설정하는 방법에 관한 것입니다. 텍스트에 밑줄을 추가하는 방법은 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고하시면 좋겠습니다.

Css 레이아웃 설정 텍스트 밑줄 스타일 - 밑줄 레이아웃이 적용된 글꼴 텍스트

타오바오, JD.com 등 온라인 쇼핑몰에서 원래 가격 텍스트에는 밑줄이 그어지고 할인 텍스트에는 밑줄이 그어지지 않은 레이아웃을 봤습니다.

CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법

1. 텍스트의 두 가지 유형의 밑줄 CSS 및 HTML 태그

1. CSS 속성 단어 및 코드

워드: 텍스트 장식

밑줄 값

텍스트 장식: 줄바꿈

2. HTML 밑줄 태그

S 태그

에 밑줄이 그어집니다

2. 텍스트 밑줄 div CSS 예

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字加中划线实例</title>
<style>
.zhx{ text-decoration:line-through}
</style>
</head>
<body>
<p>原价:¥<span class="zhx">200.00</span><br />
现价:¥120.00</p>
</body>
</html>

효과는 다음과 같습니다.

CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법

CSS는 텍스트를 설정합니다. 장식:라인 통과 인라인 스타일.
원래 가격에 클래스를 추가하여 밑줄 CSS 스타일을 도입하세요.

위는 CSS 글꼴 밑줄을 설정하는 방법입니다. 텍스트에 밑줄을 추가하는 방법에 대한 전체 소개를 보려면, CSS3 Tutorial에 대해 더 자세히 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.


위 내용은 CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 thinkcss.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제