设置背景色为渐变色 css

效果如下:

废话不多直接上代码:

.submit{background: linear-gradient(to right, #4BAEFF 0%,#604CF7 100%);color: #fff;
}

上图是从左向右渐变
也可以设置为向下渐变等
只需把to right改为to bottom

设置背景色为渐变色 css相关推荐

ActiViz学习点滴(二)——设置背景色(纯色+渐变色)
新建Winform工程,我使用的库是ActiViz 5.8.0.607 X64D,ActiViz库是没有源代码的,一共57个文件,除一个XML注释文档外,其他的文件都要复制到项目目录下,添加引用的时候 ...
css设置背景色渐变；css设置背景色不渐变颜色切换
/*颜色不渐变直接切换*/ background: linear-gradient(to right, #40474D 50%, #1E73BD 50%); /*颜色渐变*/ background: ...
css同时显示背景图和背景色，且背景色是渐变色
今天在写css样式的时候,竟然被背景图给难倒了.我写的要么是不显示背景色,要么是不显示背景图,因为背景色是渐变色,当我把渐变色改成纯色的时候就显示了现在怎样显示渐变背景色且正常的显示背景图,其实很简 ...
html中怎么设置input的背景颜色,css里我们选中一个div里的一个input设置背景色
new_object_ 楼主问的是静态的设置背景色还是选中了input后变色?如果是保持颜色则如楼上所述,通过选择器设置input的css样式即可:div input { background-col ...
css省略号，css书写顺序，实现滑动，设置滚动条的样式，设置文字的渐变色
css笔记记录!!! 1.oninput事件 // 当用户向 <input> 中尝试输入时执行 JavaScript: // 是输入框仅限于汉字输入(无延迟) 例如:oninput=&qu ...
body 没有被撑开_body没有高度设置背景色为什么可以全屏显示？
原标题:body没有高度设置背景色为什么可以全屏显示? --- 关于html和body的那些事还记得我们开发全屏页面或者是移动端页面时经常会设置一句话 html, body { height: 10 ...
电脑桌面怎么设置html背景图,css中如何设置背景图片？
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css怎样设置背景图片? css back ...
html边框设置为背景同色,css边框与背景
1.半透明边框默认情况下,背景会延伸到边框所在的区域下层.可以通过background-clip 属性来调整.这个属性的初始值是border-box,意味着背景会被元素的border-box(边框的 ...
vue动态给散点图每个圆球设置背景色 - echart图表
如图所示: 代码如下:(复制另存txt,修改.html直接运行) <!DOCTYPE html> <html> <head><meta charset=&qu ...

设置背景色为渐变色 css

设置背景色为渐变色 css相关推荐

最新文章

热门文章