Raised button effect _css/html
Last Update:2016-05-16
Source: Internet
Author: User
<textarea id="runcode15499"><table width=100 bgcolor=buttonface> <tr> <td width=100% name= "Cool" Bgcolor=buttonface onmouseover = ' MOVR (this) ' onmouseout= ' mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > button </td> <td width=100% bgcolor=buttonface onmouseover= ' MOVR (this) ' onmouseout= ' mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' Mdwn (This) ' > button </td> <td width=100% bgcolor=buttonface onmouseover= ' MOVR (this) ' Onmouseout= ' Mout ( This) ' onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > button </td> <td width=100% bgcolor=buttonface onm Ouseover= ' MOVR (this) ' onmouseout= ' mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > button </td > </tr> </table></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
<textarea id="runcode7213"><style> body{background: #DDD;} table {width:450px;height:75; Background: #CCC; Filter:progid:DXImagetransform.microsoft.shadow (strength=10,direction=135,color= #666666); } Td{text-align:center;} TD a{width:100px; 30px; Text-align:center; border-top:2px solid #FFF; border-bottom:2px solid #333; text-decoration:none;padding:3px; } TD a:hover{Background: #DDD; font-family: Chinese Xingkai; padding:5px;} TD a:active {padding:7px; Color: #ED1C24; Font-weight:bold; } </style> <table border= "0" align= "center" > <tr> <td> Golden Wings to the sea </td><td><B> know to view </B></td><td> Read net </td><td> wildfire Cold Smoke </td> </tr> <tr> <td> rustling Drizzle < /td><td> Lake no boat </td><td> Lone 0 float </td><td> day tooth sea foot </td> </tr> </table> </textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
<body style= "FILTER:progid:DXImageTransform.Microsoft.Gradient (gradienttype=0,startcolorstr=blue,endcolorstr =white); " > <table width=60 cellspacing= "Bgcolor=buttonface style=" filter:progid:d XImageTransform.Microsoft.Gradient (gradienttype=0,startcolorstr=blue,endcolorstr=white); " > <tr> <td width=100% name= "cool" Bgcolor=buttonface onmouseover= ' MOVR (this) ' onmouseout= ' mout (This) ' Onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > having white hair </td> <td width=100% bgcolor=buttonface onmouseover = ' MOVR (this) ' onmouseout= ' mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > Childhood </td> <td width=100% bgcolor=buttonface onmouseover= ' MOVR (this) ' onmouseout= ' mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' Mdwn (This) ' > <b> view </b> </td> <td width=100% bgcolor=buttonface onmouseover= ' MOVR (This) ' Onmouseout= ' Mout (this) ' onmouseup= ' MOVR (this) ' onmousedown= ' mdwn (this) ' > <B> Gold </B><B> fin </b ><b> breaking </B><B> Sea </B><B> </td> </tr> </table>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]