<ptml> <pead> <title>css Create colorful text links </title> <meta http-equiv= "Content-type content=" text/ html charset=gb2312 "> <style type=" text/css "> td {FONT-SIZE:12PX; Font-family: Song body; } A {font-family: "XXFarEastFont-Arial"; font-size:9pt; Text-decoration:none}. t1{color: #CC0000; text-decoration:underline} t2{Text-decoration:none; Color: #006699; }. t3 {color: #006600; text-decoration:underline overline}. T4 {color: #0066FF; Text-decoration:line-through}. t 5 {border:1px #FF0000 solid; height:20px; color: #000099}. T6 {border: #FF0000 solid; height:0px; color: #0066FF; border-width:0px 0px 1px}. T7 {border: #FF0000 solid; height:0px; color: #0066FF; border-width:0px 0px 1px; padding- BOTTOM:5PX}. T8 {border: #FF0000 solid; height:0px; color: #0066FF; border-width:0px 0px 1px; width:200px; Text-align:center}. T9 {border: #FF0000 double; height:0px; color: #0066FF; border-width:0px 0px 3PX}. T10 {border:1px #FFFF00 solid; color: #FFFF00; clip:height; Background-color: #990000; height:20px; padding-to p:5px; padding-right:5px; padding-bottom:5px; padding-left:5px; width:130px:0px}. t11 {padding-right:2px; padding-left:2px; padding-bottom:2px; padding-top:2px; Background-color: #D9DEE8; height:25px; width:150px; Text-align:center;; border: #D9DEE8; Border-style:outset; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; BORDER-LEFT-WIDTH:2PX}. t12{Text-decoration:none; Color: #006699; ; height:25px; width:130px; padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px; border:1px #0000CC Solid; Filter:blur (add=1, direction=45, strength=2); Text-align:center}. t13 {color: #FFFF00; text-decoration:none; height:25px; width:120px; font-family: "XXFarEastFont-Arial"; font- size:12px; Background-image:url (yun_qi_img/bk3.gif); padding-top:6px; padding-left:5px; Text-align:center}. T13:hoveR {color: #FFFFFF; text-decoration:none; Background-image:url (yun_qi_img/bk4.gif); height:25px; width:120px; padding -top:6px; padding-left:5px; Text-align:center}. t14 {color: #FFFF00; text-decoration:none; height:25px; width:120px; font-family: "XXFarEastFont-Arial"; font-si ze:12px; Background-image:url (yun_qi_img/bk1.gif); padding-top:5px; PADDING-LEFT:5PX}. T14:hover {color: #000000; text-decoration:none; Background-image:url (yun_qi_img/bk2.gif); : 25px; width:120px; padding-top:5px; PADDING-LEFT:5PX}. t1:hover{color: #0000FF; text-decoration:underline}. t2:hover{Text-decoration:unde Rline; Color: #339900; }. T3:hover {color: #9900CC; Text-decoration:none}. t4:hover {color: #FF0099; Text-decoration:none}. t5:hover { border:1px #0000FF Solid; height:20px; Color: #CCCC00}. t6:hover {border:solid; height:0px; color: #0066FF; border-width:0px 0px 1px; Border-color: #00FF00 #00FF00 #00FF33 #00FF33}. T7:hover {border: #FF0000 sOlid; height:0px; Color: #990000; border-width:0px 0px 1px; PADDING-BOTTOM:2PX}. T8:hover {border: #FF0000 solid; height:0px; color: #336600; border-width:0px 0px 1px; width:170px; Text-align:center}. T9:hover {border: #FF0000 double; height:0px; color: #0066FF; border-width:0px 0px 5px}. T10:ho ver {border:1px #0000FF solid; color: #333333; clip:height; Background-color: #C8D8F0; height:20px; padding-top:5px ; padding-right:5px; padding-bottom:5px; padding-left:5px; width:130px:0px}. T11:hover {border-right: #99CCFF 1px outset; padding-right:2px; Border-top: #99CCFF 1px outset; padding-left:2px; padding-bottom:2px; Border-left: #99CCFF 1px outset; padding-top:2px; Border-bottom: #99CCFF 1px outset;background-color: #C8D8F0; height:25px; width:150px; Text-align:center; }. t12:hover{Text-decoration:none; Color: #006699; ; height:25px; width:130px; padding-top:4px; padding-right:4px; padding-bottom:4px; padding-left:4px; Border 1px #0000CC Solid; Filter:blur (add=1, direction=45, strength=1); Text-align:center}. txt10 {line-height:15px} </style> <script language= "JavaScript" > <!--funct Ion Mm_preloadimages () {//v3.0 var d=document; if (d.images) {if (!d.mm_p) d.mm_p=new Array (); var i,j=d.mm_p.length,a=mm_preloadimages.arguments; For (i=0 i<a.length; i++) if (A[i].indexof ("#")!=0) {d.mm_p[j]=new Image; d.mm_p[j++].src=a[i];}} }//--> </script> </pead> <body bgcolor= "#EBEAF4" text= "#000000" onload= "mm_preloadimages (' bk4.gif ' , ' bk3.gif ', ' bk2.gif ', ' bk1.gif ') ' > <table width= "0" border= "1" cellspacing= "5" cellpadding= "center" Bgcolor= "#CCCCCC" > <tr bgcolor= "#FFFFFF" align= "center" > <td colspan= "2" class= "txt10" >css Create colorful text links </td> </tr> <tr bgcolor= "#CCCCCC" > <td> First, </td> <td> primary link style </td> </tr> <tr bgcolor= "#FFFFFF" > <td> 1, </td> <td> general links </td> </tr> <tr bgcolor= "#FFFFFF" > <td>2, </td> <td> No underline links </td> </tr> <tr bgcolor= "#FFFFFF" > <td>3, </td> <td > Double line link </td> </tr> <tr bgcolor= "#FFFFFF" > <td>4, </td> <td> Strikethrough link < /td> </tr> <tr bgcolor= "#CCCCCC" > <td> II, </td> <td> advanced link Style style </td> </tr> <tr bgcolor= "#FFFFFF" > <td>1, </td> <td> Alternative underline principle </td> </TR&G T <tr bgcolor= "#FFFFFF" > <td>2, </td> <td> custom underline color </td> </tr> <tr Bgco Lor= "#FFFFFF" > <td>3, </td> <td> custom underline distance </td> </tr> <tr bgcolor= "#FFFF FF "> <td>4, </td> <td> Custom underline length and alignment </td> </tr> <tr bgcolor=" #FFFFFF "&G T <td>5, </td> <td> custom double underline </td> </tr> <tr bgcolor= "#CCCCCC" > <td> three, </td& Gt <td> Advanced link Style style </td> </tr> <tr bgcolor= "#FFFFFF" > <td>1, </td> <td> Define block links </td> </tr> <tr bgcolor= "#FFFFFF" > <td>2, </td> <td> define button style links ;/td> </tr> <tr bgcolor= "#FFFFFF" > <td>3, </td> <td> definition effects link </td> </tr> <tr bgcolor= "#FFFFFF" > <td>4, </td> <td> static background toggle link </td> </tr> ; <tr bgcolor= "#FFFFFF" > <td>5 </td> <td> Dynamic background Toggle link </td> </tr> <tr BGC Olor= "#FFFFFF" align= "right" > <td colspan= "2" > Web page Adaptation </td> </tr> </table> <p clas s= "T2" > </p> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
