CSS如何设置按钮背景图片

html-css029

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

CSS设置按钮背景图片

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

网页效果图如下:

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

实现的效果网页如下:

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

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、浏览器运行index.html页面,此时显示出了蓝色背景颜色的按钮。

4、将鼠标移入按钮,此时按钮的背景颜色变成了橙色。