首先,大家需要准备一个按钮图片,可以是PNG、JPEG等格式。接着,在CSS中,大家可以使用background-size属性来定义图片的大小。
.button { background-image: url('button.png');/*按钮图片路径*/ background-size: 100px 50px;/*设置图片大小为100px*50px*/ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }
在上述代码中,大家首先定义了按钮的背景图片路径,然后通过background-size属性来设置图片大小为100px*50px。这样,大家就定义了一个大小为100px*50px的按钮。
如果需要调整按钮的大小,大家只需要修改background-size属性的值即可。同时,大家还可以通过padding属性来调整按钮的内边距,从而更加灵活地调整按钮的大小。
总之,在CSS中,大家可以轻松地定义按钮的图片大小,从而实现各种不同样式的按钮,让网页更加美观和实用。