2
border-bottom: 1px #fff; 기술을 사용하지 않고 링크 아래 다른 색의 선을 추가하려는 사람이 있습니까?링크가있는 밑줄이없는 링크의 색칠 된 밑줄
현재이 기법을 사용하면 링크가있는 그래픽 아래에 선이 표시됩니다.
A
답변
0
이것은 도움이 될 수 있습니다. CSS를 사용하여, 당신은 당신이 라인을 얻을 경우 값
box-shadow: 0px -1px 0px red inset;
0
의 밑줄을 사용자 정의 할 수 있습니다 링크가있는 모든 그래픽에서 a {border-bottom: 1px #fff;}과 같은 스타일을 사용하고 있습니까?
스타일 :
article {
text-decoration: underline;
color: green;
}
span.red_text {
color:red;
}
HTML : 대신이,
.customUnderline {border-bottom: 1px #fff solid;}
<a class="customUnderline">Your link</a>
-3
을 그래서 당신은 box-shadow inset를 사용하십시오 border-bottom: 1px #fff;
를 사용하여 설정하려는 해달라고 말했다 링크
http://alistapart.com/article/customunderlines
+0
Questioner가 분명히 Border-bottom을 원하지 않는다고 언급 할 수 있습니까? 그래서이 대답은 도움이되지 못합니다. –
+0
Questioner는 border-bottom 기술을 사용하고 싶지 않았습니다. 기본적으로 이미지에도 적용되었습니다. –
1
확인하는 클래스를 생성하고 만 같은 사용자 정의 밑줄이 필요 링크에 적용
<article>
<span class="red_text">The text color is red!</span>
</article>
왜 이미지 링크에 추가 수업을 추가하지 않으시겠습니까? – Grumpy
할 수있는 유일한 방법은 border를 사용하는 것입니다. 그리고'a {border-bottom : 1px solid # f00;} '과 같은 일반적인 요소 선택기를 사용해야합니다. 그렇게하지 말고'class' 나'Nested 'selector 대신 –
이미지 링크의 테두리를 끌 수 없습니까? aimg {border : 0;} –