Tip: You can modify some of the code before running
<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}. T5 { border:1px #FF0000 Solid; height:20px; Color: #000099}. T6 {border: #FF0000 solid; height:0px; color: #0066FF; border-width:0px 0px 1px}. T7 {border: #FF00 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-top: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-si ze:12px; Background-image:url (http:///htmldata/2005-12-12/bk3.gif); padding-top:6px; padding-left:5px; Text-align:center}. T13:hover {color: #FFFFFF; text-decoration:none; backgrOund-image:url (http:///htmldata/2005-12-12/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-siz e:12px; Background-image:url (http:///htmldata/2005-12-12/bk1.gif); padding-top:5px; PADDING-LEFT:5PX}. T14:hover {color: #000000; text-decoration:none; Background-image:url (http:///htmldata/ 2005-12-12/bk2.gif); height:25px; width:120px; padding-top:5px; PADDING-LEFT:5PX}. t1:hover{color: #0000FF; text-decoration:underline} t2:hover{Text-decoration:underline; Color: #339900; }. T3:hover {color: #9900CC; Text-decoration:none}. t4:hover {color: #FF0099; Text-decoration:none}. t5:hover {bo rder: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:hove R {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" > <!--function 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 &l t;/td> </tr> <tr bgcolor= "#CCCCCC" > <td> one, </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 link </td> </tr> <tr bgcolor= "#FFFF FF "> <td>3, </td> <td> double underline link </td> </tr> <tr bgcolor=" #FFFFFF "> < Td>4, </td> <td> strikethrough links </td> </tr> <tr bgcolor= "#CCCCCC" > <td> II, </TD&G T <td> Advanced link Style style </td> </tr> <tr bgcolor= "#FFFFFF" > <td>1, </td> <td> alternative next row Principle of line </td> </tr> <tr bgcolor= "#FFFFFF" > <td>2, </td> <td> custom underline color </td> </tr> <tr bgcolor= "#FFFFFF" > <td>3, </td> <td> custom underline distance </td> </tr> <tr bgcolor= "#FFFFFF" > <td>4, </td> <td> Custom underline length and alignment </td> </tr> <tr Bgcolor= "#FFFFFF" > <td>5 </td> <td> custom double underline </td> </tr> <tr bgcolor= "#CCCC CC "> <Td> III </td> <td> Advanced link style </td> </tr> <tr bgcolor= "#FFFFFF" > <td>1, </t D> <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 bgcolor= "#FFFFFF" align= "right" > <td colspan= "2" > Web teaching Network adaptation </td> </tr> </table> <p C lass= "T2" > </p> </body> </ptml>
Tip: You can modify some of the code before running
