background部分总结
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部分总结相关推荐
- css的background
背景属性--background是css中的核心属性.你应该对它有充分的了解.这篇文章详细讨论了background的所有相关属性,甚至包括background-p_w_upload,还为我们介绍了它 ...
- CSS 背景(background)(背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例)
1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的 示例代码: <!DOCTYPE html> <html lang ...
- CSS background 之设置图片为背景技巧
首先先来看看background有那些值: 可以按顺序设置如下属性(可点击进入相应的css手册查看使用): background-color 背景颜色 background-image 背景图片 ba ...
- R语言ggplot2在可视化图像中添加横线并在横线中添加文本、为横线中添加的文本添加文本框、自定义文本框的填充色(background color for a text annotation)
R语言ggplot2在可视化图像中添加横线并在横线中添加文本.为横线中添加的文本添加文本框.自定义文本框的填充色(background color for a text annotation) 目录
- R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background)
R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background) 目录
- R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色、改变图像(plot)区域的背景色
R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色.改变图像(plot)区域的背景色 目录
- Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background)
Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background) 目录
- Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color)
Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color) 目录
- css规则中区块block,css常用属性总结:背景background下篇
前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...
- 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 ...
最新文章
- Python ln_Python入门教程(三):史上最全的Numpy计算函数总结,建议收藏!
- @老板:别开视频会议了,效率低没人care,斯坦福、微软都可以作证
- 5G NGC — NEF PFD Management Service
- Exported activity does not require permission
- java类描述_java笔记2:Java语言中的类和对象的描述
- 活学巧用电脑上网实例入门
- 商业方向的大数据专业_结合当前的人才需求趋势,大数据专业考研时可以选择哪些主攻方向...
- 如何在电脑上制作请假条表格_条码标签打印软件如何制作请假表
- 线段树和zkw线段树
- Oracle SQL 优化原则(实用篇)
- 如何开发出一个完整的Java Web项目?
- 数字图像处理-数字图像基础
- 卸载 Creative Cloud 桌面应用程序(macOS、Windows)
- texlive2021
- Java对文件进行加密解密操作
- 【TensorFlow】使用slim从ckpt里导出指定层的参数
- linux下canopen协议视频,CAN协议与CANOpen协议
- 云养猫云养狗,一个可以救助流浪猫猫和狗狗的平台
- 【Unity】Unity在运行时崩溃了怎么办?别害怕,还有救!
- FancyBox的使用技巧 (汇总)
热门文章
- Find Any File for Mac(本地文件搜索查找工具)
- Mac上的Spotlight搜索都能干什么?
- python全栈_010_Python3基本数据类型--元组
- R语言grid包just参数如何just图形位置
- Visual Studio Code 使用 ESLint 增强代码风格检查
- 进阶之路(基础篇) - 003 I/O的模拟的读取
- Bzoj 3339: Rmq Problem Bzoj 3585: mex 莫队,树状数组,二分
- 二叉树的存储方式以及递归和非递归的三种遍历方式
- 7月11日安全沙龙演讲主题漏洞与网站挂马
- 2008秋季-计算机软件基础-0922课堂用例(2)