A標簽美化checkbox

簡單修改後的:

<html>
<title>51css</title>
<style type="text/css">
a,label {
 display:block;
 width:25px;
 height:25px;
 overflow:hidden;
}

a {background:url("20070519_82a5f3ae0299b6163a2cLk3uyVuFSv9J.gif") no-repeat}

a:hover {background:url("20070519_be7c34d5508e4167e06crax6MCxxJrE7.gif") no-repeat}

a#b {background:url("20070519_15613fd58c27b7022bb2fCqNnqRCmtIn.gif") no-repeat}


</style>
</head>
<body>
方法1:<br/>
<label> <a href="#b" id="a" hideFocus></a>
 <a href="#a" id="b" hideFocus></a>
</label>

<!–
<label for= "chk"> <input type="checkbox"   id= "chk"> 是否顯示照片 </label>
–>
</body>
</html>

 

本文出自“accpxudajian”

You May Also Like