Kesan butang direalisasikan dengan gambar menggunakan pertukaran CSS_Experience

<style> .inp_L1,.inp_L2,{background:url(/images/bg_x.jpg) no-repeat} .inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px} .inp_L2{ width:67px; height:23px; background-position:-4px -30px; border:0; color:#464646; line-height:23px} </style> <input type="submit" value="登 录" class="inp_L1" onmouseover="this.className='inp_L2'" onmouseout="this.className='inp_L1'" id="input_btn1" name="enter.x" tabindex="4">
[Ctrl+A Pilih semua Nota: Jika anda perlu memperkenalkan Js luaran, anda perlu memuat semula untuk melaksanakan ]

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Bar navigasi dilaksanakan dengan gambar menggunakan CSS</title> <style> ul,li{ list-style:none; float:left;} body{ font-size:12px; line-height:1.6; font-family:Verdana, "瀹</style>