지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > CSS를 사용하여 link_CSS/HTML의 점선 밑줄 효과 얻기

CSS를 사용하여 link_CSS/HTML의 점선 밑줄 효과 얻기

WBOY
풀어 주다： 2016-05-16 12:11:40
원래의
2136명이 탐색했습니다.

스타일 시트를 수정하고 아래 단락을 찾으세요(보통 시작 부분)
a {
color:#3399FF
font-weight:Normal;
text-장식:none; /*밑줄 효과: 밑줄 없음*/
}

a:hover {
color:#4499EE
text-장식:none; *밑줄 효과: 밑줄 없음*/
border-bottom: 1px #0099CC dotted /*하단 테두리만 점선으로 포함된 상자 추가*/
}

　 a{}가 효과를 제어합니다. 연결의 a:hover{}는 마우스를 위로 움직이는 효과를 제어합니다.
일부 CSS 정의 점선 예제 코드


[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

관련 라벨：
链接，虚线，下划线
원천：php.cn
이전 기사：DIV+CSS_CSS/HTML을 사용하여 이 테이블 효과를 얻는 방법 다음 기사：IE 이미지_CSS/HTML의 공백 문제에 대한 솔루션 모음
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
스타일이 지정된 구성 요소에 `:after` 의사 요소를 올바르게 적용하기 위한 React.js 가이드 아름다운 밑줄 애니메이션을 찾았습니다 <ul><li><ahref="#">정보</a></li>...
에서 2024-04-04 22:28:08
0
1
1322
CSS: 목록 항목 사이의 간격 수정 목록의 CSS를 편집하려고 시도했지만 행으로 올바르게 이동하고 목록 요소 사이의 높이를 조정하는 방법을 찾지 못했습니다. 웹사이트 링크: https://denki...
에서 2024-04-02 15:46:38
0
1
342
텍스트 장식과 탐색 모음이 작동하지 않는 이유는 무엇입니까? 웹페이지를 만들고 있는데 Navar와 링크에 문제가 있습니다. 내 네이버 아이템이 네이버에 머물지 않고 떠다니더군요. 또한 text-꾸밈:없음;이 작동하지 않습니...
에서 2024-04-01 21:40:16
0
1
272
밑줄 라이브러리에서 영감을 받아 호출 함수를 다시 작성하기 위해 열심히 노력하세요. 저는 밑줄 함수 _.invoke를 다시 작성하려는 초보자입니다. 컬렉션의 각 값에 대해 메서드를 호출한 결과가 포함된 배열을 반환하도록 함수를 만들려고 합니다. ...
에서 2024-03-31 09:42:10
0
2
356
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿