텍스트 장식을 사용하는 방법-HTML 튜토리얼-php.cn

텍스트 장식을 사용하는 방법

php中世界最好的语言

풀어 주다： 2018-05-30 11:49:00

원래의

5505명이 탐색했습니다.

우리는 종종 웹 페이지의 텍스트 내용에 밑줄을 긋기 위해 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 태그의 밑줄 스타일 속성을 제거하세요

하이퍼링크

밑줄 고급 사용 - 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. ：

밑줄이 있습니다

너무 많이 소개해서 텍스트 장식을 마스터하신 것 같아요. 도움이 필요한 친구들은 계속해서 이 사이트의 다른 글에도 관심을 가져주세요.