CSS 밑줄과 텍스트 사이의 거리를 설정하는 방법은 무엇입니까?
이 글에서는 CSS 밑줄과 텍스트 사이의 거리를 설정하는 방법을 소개합니다. 다음으로 구체적인 내용을 살펴보겠습니다.
이전 글에서 CSS 밑줄 설정 방법을 소개했는데, 설정된 밑줄과 텍스트 사이의 거리가 너무 가까워서 웹 페이지에서 보기에도 보기 좋지 않은 경우가 있어서 CSS 밑줄 설정 방법을 알려드립니다. 단어 사이의 거리는 어떻습니까? 이 글에서는 CSS 밑줄과 텍스트 사이의 거리를 설정하는 방법을 소개합니다.
CSS의 text-design 속성으로 설정된 텍스트 밑줄은 텍스트와 밑줄 사이의 거리를 조정할 수 없으므로 밑줄과 텍스트 사이의 거리를 조정하려면 border-bottom 속성만 사용하면 됩니다. 텍스트 밑줄을 설정합니다. 아래에서는 구체적인 구현 방법을 살펴보겠습니다.
CSS 밑줄과 텍스트 사이의 거리를 설정하는 데 사용해야 하는 속성은 padding-bottom 및 border-bottom
구체 코드는 다음과 같습니다.
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> span{ border-bottom: 2px solid pink; padding-bottom: 10px; } </style> </head> <body> <span> php中文网下划线距离</span> </body> </html>
효과는 다음과 같습니다.
위 그림을 보면 텍스트와 밑줄 사이에 일정한 거리가 있다는 것을 쉽게 알 수 있습니다.
이 기사는 여기서 끝납니다. 더 많은 내용을 보려면 PHP 중국어 웹사이트의 관련 튜토리얼 열을 주목하세요! ! !
위 내용은 CSS 밑줄과 텍스트 사이의 거리를 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











웹 사이트의 컨텐츠 프레젠테이션을 설계하는 데 얼마나 많은 시간을 소비합니까? 새 블로그 게시물을 작성하거나 새 페이지를 만들 때

최근 Bitcoin의 가격이 20k 달러가 넘는 USD가 최근에 등반되면서 최근 30k를 끊었으므로 Ethereum을 만드는 데 깊이 다이빙을 할 가치가 있다고 생각했습니다.

개발자로서 어느 단계에 있든, 우리가 완료 한 작업은 크든 작든, 개인적이고 전문적인 성장에 큰 영향을 미칩니다.

그것은#039; VUE 팀에게 그것을 끝내는 것을 축하합니다. 나는 그것이 막대한 노력과 오랜 시간이라는 것을 알고 있습니다. 모든 새로운 문서도 있습니다.

나는 누군가이 매우 합법적 인 질문으로 글을 썼습니다. Lea는 브라우저에서 유효한 CSS 속성 자체를 얻는 방법에 대해 블로그를 작성했습니다. 이는 이와 같습니다.

다른 날, 나는 Corey Ginnivan의 웹 사이트에서 스크롤 할 때 카드 모음이 서로 쌓이는 것을 발견했습니다.
