Web实现：背景颜色渐变色

HTML部分：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><link rel="stylesheet" type="text/css" href="./index.css" /></head><body><button class="publish">我要提问</button></body>
</html>

CSS部分：

.publish {width: 100%;height: 50px;line-height: 50px;/*渐变方向*/background: linear-gradient(to right, #95ca47, #4dc891);/*从左到右*/background: linear-gradient(to left bottom, #95ca47, #4dc891);/*从右上到左下*//*渐变位置*/background: linear-gradient(to right, #95ca47 30%, #4dc891 70%);/*百分比用来约定渐变的起止位置*/color: #fff;font-size: 18px;border-radius: 4px;font-weight: 500;box-shadow: 0 2px 6px 0 rgba(104, 200, 116, 0.3); /*1*/
}

Web实现：背景颜色渐变色相关推荐

CSS中背景颜色、背景图片、渐变色、背景定位、精灵图（雪碧图）介绍
背景background: 背景可以设置为颜色和图片,设置为图片时,可以对图片继续设置. background-color:设置背景颜色: 其颜色的取值方式前面提到过,和color的取值一样,但是默认 ...
ipad/ios按钮背景颜色为渐变色？去除iOS按钮渐变色
ipad/ios背景颜色为透明渐变色?去除iOS按钮渐变色 input[type=button], input[type=submit], input[type=file], button { cur ...
element修改el-table 表头的背景颜色横向渐变色 + 修改表头背景颜色
vue + element-ui 修改el-table 表头的背景颜色横向渐变色 + 修改表头背景颜色表头背景颜色横向渐变效果图: 修改表头背景颜色和字体颜色效果图: 直接上代码: 修改表头的背景颜 ...
Web前端，CSS中关于背景颜色、背景图片、背景平铺、背景位置、背景相关属性连写
前言持续总结输出中,今天分享的是Web前端,CSS中关于背景颜色.背景图片.背景平铺.背景位置.背景相关属性连写 1.背景颜色 background-color(bgc) 颜色取值: 关键字.rgb ...
android设置背景颜色渐变,Android背景渐变色(shape,gradient)
Android设置背景色可以通过在res/drawable里定义一个xml,如下: android:startColor="#FFF" android:endColor=" ...
html取消图片选中效果,web前端：取消a标签在移动端点击时的背景颜色
背景(background)属性定义元素的背景效果元素的背景区包括前景之下直到边框边界的所有空间.因此,内容框与内边距都是元素背景的一部分,且边框画在背景上.css允许应用纯色作为背景,也允许使用背景 ...
php如何在添加div的背景颜色_css3颜色渐变：css3如何实现背景颜色渐变？
为了开发网页的美观,css3背景颜色渐变是经常会用到的,那么,css3背景颜色渐变如何设置呢?本篇文章我们就来介绍关于css颜色渐变背景的设置方法. 我们要知道的是css3渐变有两种类型:css3线性 ...
css3颜色渐变：css3如何实现背景颜色渐变？
为了开发网页的美观,css3背景颜色渐变是经常会用到的,那么,css3背景颜色渐变如何设置呢?本篇文章我们就来介绍关于css颜色渐变背景的设置方法. 我们要知道的是css3渐变有两种类型:css3线性 ...
背景颜色的不透明度，但不是文本[重复]
本文翻译自:Opacity of background-color, but not the text [duplicate] This question already has an answer ...

Web实现：背景颜色渐变色

Web实现：背景颜色渐变色相关推荐

最新文章

热门文章