I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) CSS 글자(텍스트) 밑줄 간격 띄우기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 8. 7. 01:25

반응형

[즐거'웅'코드] 목차

  1. 예제 소스
  2. 구현 예시
예제 소스
1
2
3
4
5
6
7
8
 
<style>
    p {
        text-decoration: underline;
        text-underline-position: under;
    }
</style>
 
<p>테스트</p>
구현 예시
text-underline-position을 under로 지정한 것보다 더 간격을 조절하고 싶을 땐
:before, :after 등의 가상 선택자를 활용하는 것도 하나의 방법이 됩니다.
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) 자바스크립트 마지막 문자 제거하기  (0) 2021.08.09
(즐거웅코드) CSS 이미지 드래그(잔상) 없애기  (0) 2021.08.08
(즐거웅코드) CSS 글자(텍스트) 밑줄 긋기  (0) 2021.08.06
(즐거웅코드) CSS 글자(텍스트) 가운데 선 긋기  (0) 2021.08.05
(즐거웅코드) 제이쿼리 이미지 어둡게 하기  (0) 2021.08.04

관련글

댓글 0

티스토리툴바