CSS设置按钮背景图片
1、找一款编辑软件,打开后新建一个按钮(这里用DW)
网页效果图如下:
2、选择一张给按钮添加的背景图片,然后从css里设置一下:如下图所示
实现的效果网页如下:
边框属性用: border:1px solid #颜色即可;
input.s1{width:125pxheight:40pxbackground:url('图片地址') no-repeat}input.s2{width:125pxheight:40pxbackground:url('图片地址') no-repeat }
最好再加个hover
repeat 默认。背景图像将在垂直方向和水平方向重复。
repeat-x 背景图像将在水平方向重复。
repeat-y 背景图像将在垂直方向重复。
no-repeat 背景图像将仅显示一次。
你是弄了个padding-left和padding-top吗?这样子会把按钮撑大的,你可以使用将父元素加多个position:relative,然后再将a的样式设置position:absoluteleft:多少pxtop:多少px