CSS : 텍스트 데코레이션 TEXT DECORATION

<angeLog/>·2024년 2월 5일

HTML/CSS

목록 보기
4/5
post-thumbnail

원리

  1. 요소를 선택하고
  2. 신텍스에 스타일을 준다.

개념

신텍스 : 스타일 설정;

text-decoration신텍스 : 스타일 설정;

예제

📝HTML

  <p class="none"><a href="">text-decoration:none</a></p>
  <p class="underline">text-decoration:underline</p>
  <p class="overline">text-decoration:overline</p>
  <p class="linethrough">text-decoration:line-through</p>
  <hr>
  <p class="dotted">underline dotted</p>
  <p class="dashed">underline dashed</p>
  <p class="wavy">underline wavy</p>
  <p class="both">underline overline</p>

🌈CSS

      .none {
        text-decoration: none;
      }
      .underline {
        text-decoration: underline;
      }
      .overline {
        text-decoration: overline;
      }
      .linethrough {
        text-decoration: line-through;
      }
      .dotted {
        text-decoration: underline dotted red;
      }
      .dashed {
        text-decoration: underline dashed red;
      }
      .wavy {
        text-decoration: underline wavy red;
      }
      .both {
        text-decoration: underline overline solid red;
      }

💻화면

profile
일단 해볼게요!✍🏻

0개의 댓글