중복 텍스트 장식

<span id="case1" class="comment>text text</span> 
<span id="case2" class="suggestion">suggestion</span> 
<span id="case3" class="comment>text text <span class="suggestion">suggestion suggestion</span> text text</span>

나는 빨간 점선/노란색 밑줄 (하나 개의 점 빨강, 노랑 하나 개의 점을 가지고 모두 .comment과 .suggestion와 노란 점선의 밑줄과 span을 가지고, span.suggestion을 빨간 점선 밑줄을 가지고 span.comment 싶습니다 , 한 점 빨간색 등)중복 텍스트 장식

내 CSS는 어떻게 생겼을 까? 텍스트 장식이나 경계선 아래에서도 가능합니까? 투명한 이미지를 사용해야합니까?

출처

2010-08-01 mak

여기에 질문은 없습니다. 질문은 물음표 (?)로 끝납니다. 이것은 "plz send code code"입니다. – abelenky

이 문제를 해결하는 방법을 모르겠습니다. 나는 누군가가 적어도 올바른 방향으로 나를 조종하기를 바랐다. – mak

점선 밑줄은 테두리 스타일로 수행 할 수 있습니다

span.comment {border-bottom: dotted 1px red;} 
span.suggestion {border-bottom: dotted 1px yellow;}

는하지만, 노란색과 빨간색 두 밑줄은 CSS와 함께 할 수 캔트. 난 당신이 번갈아 색 점선 테두리를 만들 수 있습니다 중첩 된 <span>의를 사용하여 하나 개의 색상 (즉, 오렌지)

출처

2010-08-01 02:44:24 tcooc

하나의 색상으로 단순화하는 것이 좋습니다. 감사. – mak

로 단순화 제안 :

<span style="border-bottom: 3px solid #ff0"> 
    <span style="border-bottom: 3px dashed #f00"> 
    Lorem ipsum dolor sit amet... 
    </span> 
</span>

하지만, 점으로 할 약간 어렵게 될 것입니다.

출처

2010-08-01 03:37:01 Fraxtil

중복 텍스트 장식

답변

관련 문제