background:linear-gradient([position],color px......)  线性背景

还可以有一种写法:

background:-webkit-linear-gradient(to [position],color px)  不推荐这种写法

demo如下:

<!DOCTYPE html>
<html>
<head><title></title><style type="text/css">.app{width: 300px;height: 300px;}/*linear-gradient([位置] , [开始点颜色   占用多少位置], [结束点颜色  过渡大小])*/.app{background: -webkit-linear-gradient( 135deg,  transparent 100px, deeppink 0);background: -moz-linear-gradient( 135deg, red 0 , white 0);}</style>
</head>
<body><div class="app"></div>
</body>
</html>

(效果如上)ps:有时候使用透明(transparent)会有意想不到的效果

转载于:https://www.cnblogs.com/claireyu1219/p/6392361.html

background部分总结相关推荐

  1. css的background

    背景属性--background是css中的核心属性.你应该对它有充分的了解.这篇文章详细讨论了background的所有相关属性,甚至包括background-p_w_upload,还为我们介绍了它 ...

  2. CSS 背景(background)(背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例)

    1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的 示例代码: <!DOCTYPE html> <html lang ...

  3. CSS background 之设置图片为背景技巧

    首先先来看看background有那些值: 可以按顺序设置如下属性(可点击进入相应的css手册查看使用): background-color 背景颜色 background-image 背景图片 ba ...

  4. R语言ggplot2在可视化图像中添加横线并在横线中添加文本、为横线中添加的文本添加文本框、自定义文本框的填充色(background color for a text annotation)

    R语言ggplot2在可视化图像中添加横线并在横线中添加文本.为横线中添加的文本添加文本框.自定义文本框的填充色(background color for a text annotation) 目录

  5. R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background)

    R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background) 目录

  6. R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色、改变图像(plot)区域的背景色

    R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色.改变图像(plot)区域的背景色 目录

  7. Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background)

    Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background) 目录

  8. Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color)

    Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color) 目录

  9. css规则中区块block,css常用属性总结:背景background下篇

    前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...

  10. iOS9 This application is modifying the autolayout engine from a background thread, which

    以前在Xcode7之间项目没有问题,但是使用Xcode7后 突然不好使了,This application is modifying the autolayout engine from a back ...

最新文章

  1. Python ln_Python入门教程(三):史上最全的Numpy计算函数总结,建议收藏!
  2. @老板:别开视频会议了,效率低没人care,斯坦福、微软都可以作证
  3. 5G NGC — NEF PFD Management Service
  4. Exported activity does not require permission
  5. java类描述_java笔记2:Java语言中的类和对象的描述
  6. 活学巧用电脑上网实例入门
  7. 商业方向的大数据专业_结合当前的人才需求趋势,大数据专业考研时可以选择哪些主攻方向...
  8. 如何在电脑上制作请假条表格_条码标签打印软件如何制作请假表
  9. 线段树和zkw线段树
  10. Oracle SQL 优化原则(实用篇)
  11. 如何开发出一个完整的Java Web项目?
  12. 数字图像处理-数字图像基础
  13. 卸载 Creative Cloud 桌面应用程序(macOS、Windows)
  14. texlive2021
  15. Java对文件进行加密解密操作
  16. 【TensorFlow】使用slim从ckpt里导出指定层的参数
  17. linux下canopen协议视频,CAN协议与CANOpen协议
  18. 云养猫云养狗,一个可以救助流浪猫猫和狗狗的平台
  19. 【Unity】Unity在运行时崩溃了怎么办?别害怕,还有救!
  20. FancyBox的使用技巧 (汇总)

热门文章

  1. Find Any File for Mac(本地文件搜索查找工具)
  2. Mac上的Spotlight搜索都能干什么?
  3. python全栈_010_Python3基本数据类型--元组
  4. R语言grid包just参数如何just图形位置
  5. Visual Studio Code 使用 ESLint 增强代码风格检查
  6. 进阶之路(基础篇) - 003 I/O的模拟的读取
  7. Bzoj 3339: Rmq Problem Bzoj 3585: mex 莫队,树状数组,二分
  8. 二叉树的存储方式以及递归和非递归的三种遍历方式
  9. 7月11日安全沙龙演讲主题漏洞与网站挂马
  10. 2008秋季-计算机软件基础-0922课堂用例(2)