Question

如何快速设置彩色图像？我无法找到如何做到这一点的属性。

有一个按钮，其中有一张照片。

.button {
        background: url('../image/arrow.png') 189px no-repeat; /* картинка */
        background-color: #ff5c36; /* цвет кнопке*/
        color:  #ffffff; /* цвет текста в кнопке*/
        width: 100px;
    }

<input class="button" type="button" value="Send">

我不明白如何在代码中添加图片。

Answer 1

您已定义189px正在使用backgound-position。

背景的CSS规则

background: background-color background-image background-repeat background-attachment background-position;

background-size没有内联属性。因为background-size是在css3后期引入的。

因此，您可以使用background-position / background-size进行定义。

background: background-color background-image background-repeat background-attachment background-position/background-size;

或者最好在background属性之后使用：background-size。

background: background-color background-image background-repeat background-attachment background-position;
background-size: width height; // Yes in background-size first one is width and 2nd is height

示例：

background: url('image.png') no-repeat right center/14px;

或

background: url('image.png') no-repeat;
background-position: right center;
background-size:14px;

.button {
        background: url('https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png') no-repeat right center/14px;
        background-color: #ff5c36; /* цвет кнопке*/
        color:  #ffffff; /* цвет текста в кнопке*/
        width: 100px;
    }

<input class="button" type="button" value="Send">

输入按钮图像颜色

1 个答案: