CSS如何设置按钮背景图片

html-css023

CSS如何设置按钮背景图片,第1张

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