在按钮中插入图片

html-css018

在按钮中插入图片,第1张

如图所示,在按钮中插入图片

插入的图片使用background的方式,no-repeat设置图片不重复,同时设置距离left和bottom的距离,以此来调整图片在按钮中的位置。其次,记得设置按钮的width,因为botton会根据里面的文字撑大,但是因为使用背景图片所以bottom大小不会变。最后,设置text-algin:right使按钮中的文字靠右。

CSS设置按钮背景图片

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

网页效果图如下:

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

实现的效果网页如下:

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