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

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

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

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

<style> table{width:200px;height:100px;} .table1{border:1px solid #6E6B85} .table2{border:1px solid #000 dotted} .table3{border-top:1px solid #f00 dotted;border-left:1px solid #f00 dotted;} .table3 td{border-right:1px solid #f00 dotted;border-bottom:1px solid #f00 dotted;} .table4 td{border:1px solid #f00 dotted;} </style> <table class="table1"> <tr align="center"> <td>TD一</td> <td>TD二</td> </tr> </table> <table class="table2"> <tr align="center"> <td>TD一</td> <td>TD二</td> </tr> </table> <table class="table3"> <tr align="center"> <td>TD一</td> <td>TD二</td> </tr> </table> <table class="table4"> <tr align="center"> <td>TD一</td> <td>TD二</td> </tr> </table>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>