Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将按钮css设置为半阴影_Html_Css_Shadow - Fatal编程技术网

Html 如何将按钮css设置为半阴影

Html 如何将按钮css设置为半阴影,html,css,shadow,Html,Css,Shadow,我需要像这样设置按钮的css,在这里你可以看到带有深色和半阴影的readmore按钮 请参见下图: 我尝试了以下代码,但失败了: .rmbutton { color: #ffffff !important; background: #504d62 !important; position: relative; overflow: hidden; padding: 13px 35px; text-transform: uppercase;

我需要像这样设置按钮的css,在这里你可以看到带有深色和半阴影的
readmore
按钮

请参见下图:

我尝试了以下代码,但失败了:

.rmbutton {
    color: #ffffff !important;
    background: #504d62 !important;
    position: relative;
    overflow: hidden;
    padding: 13px 35px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    text-align: center;
    font-weight: bold;
}

提前谢谢

简单的背景,你应该根据自己的喜好调整价值观

按钮{
颜色:白色;
填充:40px 80px;
背景:线性梯度(100度,红色25%,蓝色26%);
}
不要点击我