Html css 图片按键,我想把s1和s2改为一个图片按钮

html-css011

Html css 图片按键,我想把s1和s2改为一个图片按钮,第1张

input.s1{width:125pxheight:40pxbackground:url('图片地址') no-repeat}

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>

就是把链接块级化,设置大小,然后设置背景图片,自然整张图都可链接