우리는 종종 웹 페이지의 텍스트 내용에 밑줄을 긋기 위해 CSS 코드를 사용합니다. 그러면 텍스트 장식을 사용해야 합니다. 어떻게 사용하나요? 오늘은 좋은 소개를 해드리겠습니다.
CSS 속성 단어 사용:
텍스트 장식: 없음 || 밑줄 || 깜박임 || 윗줄 || 줄바꿈
텍스트 장식 밑줄 CSS 단어 값 매개변수:
blink: 깜박임
underline: Underline
line-through: Throughline
overline: Overline
text-decoration:none 장식 없음, 일반적으로 html 밑줄 태그의 밑줄 스타일을 제거합니다. :선 통과 취소선 스타일 -throughline style
text-장식:overline overline style
HTML 일반 밑줄 태그
객체 텍스트에 밑줄을 긋려면 HTML u 태그 밑줄 태그 "U"를 사용하세요.
예:
<u>我被U标签加下滑线</u>
CSS 제어 객체 밑줄 속성 스타일
html u 밑줄과 CSS 밑줄 비교 적용 사례
CSS 제거
html 태그밑줄 스타일
해당 html 스타일에서 취소선 s 태그를 제거하려는 경우 , html u 밑줄 제거, html 윗줄 스타일 제거.
1. html의 취소선 스타일을 제거하세요.p s{text-꾸밈:none}
p 클래스 개체 상자에서 html의 태그 스타일 속성을 제거하세요
2. p u{ text-꾸밈:none}
p 클래스 객체 상자에서 u 태그의 밑줄 스타일 속성을 제거하세요
5.
하이퍼링크밑줄 고급 사용 - TOP
일반적인 CSS 하이퍼링크에 대해 설명드리겠습니다. 텍스트 개체에 밑줄이 그어져 있습니다.
코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>下划线演示</title> <style> .yangshi a{ text-decoration:none;} /* css注释: 鼠标经过热点文字被加下划线 */ .yangshi a:hover{ text-decoration:underline;} /* 鼠标经过热点文字被加下划线 */ </style> </head> <body> <p> <span class="yangshi"> <a href="http:/www.php.cn">p</a> </span> </p> </body> </html>
위 코드를 복사한 후 새로운 HTML을 생성하여 예시 스타일을 확인해보세요. 세 개의 상자 개체에 대해 각각 텍스트 밑줄, 텍스트 취소선 스타일 및 글꼴 윗줄 스타일을 설정했습니다.
1. CSS 코드 조각:
.p{text-장식:밑줄}
.p_1{text-장식:line-through}
.p_2{text-장식:overline}
2. :
ef07cb678f54c8f87d9ed1b6b13206d0밑줄이 있습니다94b3e26ee717c64999d7867364b1b4a3
76cde12e55a1914624e179a9954b02b8밑줄이 있습니다94b3e26ee717c64999d7867364b1b4a3
너무 많이 소개해서 텍스트 장식을 마스터하신 것 같아요. 도움이 필요한 친구들은 계속해서 이 사이트의 다른 글에도 관심을 가져주세요.
관련 읽기:
html에서 주석의 기능은 무엇입니까위 내용은 텍스트 장식을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!