이 글의 내용은 CSS 글꼴 밑줄을 설정하는 방법에 관한 것입니다. 텍스트에 밑줄을 추가하는 방법은 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고하시면 좋겠습니다.
Css 레이아웃 설정 텍스트 밑줄 스타일 - 밑줄 레이아웃이 적용된 글꼴 텍스트
타오바오, JD.com 등 온라인 쇼핑몰에서 원래 가격 텍스트에는 밑줄이 그어지고 할인 텍스트에는 밑줄이 그어지지 않은 레이아웃을 봤습니다.
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 글꼴 밑줄을 설정하는 방법입니다. 텍스트에 밑줄을 추가하는 방법에 대한 전체 소개를 보려면, CSS3 Tutorial에 대해 더 자세히 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.
위 내용은 CSS 글꼴 밑줄을 설정하는 방법은 무엇입니까? 텍스트에 밑줄을 긋는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
