input.s2{width:125pxheight:40pxbackground:url('图片地址') no-repeat }
最好再加个hover
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
CSS设置按钮背景图片
1、找一款编辑软件,打开后新建一个按钮(这里用DW)
网页效果图如下:
2、选择一张给按钮添加的背景图片,然后从css里设置一下:如下图所示
实现的效果网页如下:
边框属性用: border:1px solid #颜色即可;
<a style="background:url()display:blockwidth:800pxheight:400px"></a>就是把链接块级化,设置大小,然后设置背景图片,自然整张图都可链接