CSS如何设置按钮背景图片

html-css012

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

CSS设置按钮背景图片

1、找一款编辑软件，打开后新建一个按钮(这里用DW)

网页效果图如下：

2、选择一张给按钮添加的背景图片，然后从css里设置一下：如下图所示

实现的效果网页如下：

边框属性用： border:1px solid #颜色即可；

一般有三种方法：

Button标签直接使用CSS定义样式，优点是立体感、有按下状态，缺点是样式单一、各浏览器下显示效果不一致。

a标签+背景图片+滑动门技术，优点是可实现多种视觉效果，缺点是采用滑动门技术会导致背景图片过大。

a标签直接使用CSS3绘制，优点是在保证视觉效果的基础上大大减少了背景图片的使用，缺点是部分浏览器不兼容。