Use CSS to underline the dotted line of a link

Modify your style sheet and find the following section (generally at the beginning)
A {
Color: # 3399FF;
Font-weight: Normal;/* The font effect can be changed to bold or bold */
Text-decoration: none;/* underline effect: No underline */
}

A: hover {
Color: # 4499EE;
Text-decoration: none;/* underline effect: No underline */
Border-bottom: 1px # 0099CC dotted/* Add a dotted line with only the bottom Frame */
}

A {} controls the connection effect a: hover {} controls the effect of moving the mouse up.
Some CSS definition dotted line instance code<Br/> <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 1 </td> <td> TD 2 </td> </ tr> </table> <table class = "table2"> <tr align = "center"> <td> TD 1 </td> <td> TD 2 </td> </tr> </table> <table class = "table3"> <tr align = "center"> <td> TD 1 </td> <td> TD 2 </ td> </tr> </table> <table class = "table4"> <tr align = "center"> <td> TD 1 </td> <td> TD 2 </td> </tr> </table> <p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

<Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> <br/> <table width =" 150px "height =" 150px "> <tr> <td style =" border-top: 1px dotted buttonface "> haha </td> <td style =" border-top: 1px dotted buttonface; border-left: 1px dotted buttonface "> haha </td> </tr> <td style =" border-top: 1px dotted buttonface; border-bottom: 1px dotted buttonface "> haha </td> <td style =" border-top: 1px dotted buttonface; border-left: 1px dotted buttonface; border-bottom: 1px dotted buttonface "> haha </td> </tr> </table> <p>