<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"> <html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="[url=http://www.softwhy.com/]http://www.softwhy.com/[/url]" /> <title>蚂蚁部落</title> <style type="text/css"> ul { list-style:none; } li { height:30px; } input { width:140px; height:20px; line-height:20px; border:1px solid #0CF; padding-left:20px; } .myname { background:url(mytest/div+css/stock_people.png) center left no-repeat; } .mypw { background:url(mytest/div+css/security.png) center left no-repeat; } </style> </head> <body> <ul> <li><input type="text" class="myname" name="username" /></li> <li><input type="text" class="mypw" name="password" /></li> </ul> </body> </html>
如何使用CSS设置<input>标签的背景小图标
猜你喜欢
转载自zzc1684.iteye.com/blog/2271537
今日推荐
周排行