今天上智联招聘网,发现一个漂亮按钮。
做法很简单,为按钮指定一个图片背景,并消除边框,文字居左,设置内边距。效果如下:
<INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(http://images.zhaopin.com/new2/images/jobseeker/bgsearchbutton161.gif); BORDER-LEFT: medium none; WIDTH: 161px; BORDER-BOTTOM: medium none; HEIGHT: 22px; TEXT-ALIGN: left" type=button value=销售>