border-radius:CSS3圆角
语法:border-radius:25px;
椭圆边角:语法-border-radius:xx%;或者15px/100px;
box-shadow:CSS3盒阴影
语法:box-shadow:5px 5px 10px #eee;
border-image:使用图像创建一个边框
语法:boder-image:url(xx.xxx) 30 30 round
round是平铺、stretch是拉伸
background-size:自定义设置背景图片的大小
语法:background-size:--px --px;
背景图片完全填充background-size:100% 100%;
background-origin:指定了背景图像的位置区域 border-box padding-box content-box
CSS3允许多个背景图片:background-image:url(img_flwr.gif),url(img_tree.gif);
CSS3渐变
linear-gradients:线性渐变
语法:background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
使用透明度transparency
语法:linear-gradients(to right,rgb(255,0,0,0),rgb(255,0,0,1));
为了添加透明度,我们使用 rgba() 函数来定义颜色结点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值,它定义了颜色的透明度:0 表示完全透明,1 表示完全不透明。
radial-gradients:径向渐变
语法与linear-gradients一样,这里不重复。
text-shadow:文本阴影
语法:text-shadow:--px --px --px #eee;
word-wrap:break-word如果某个单词过长溢出文本框,此标签强制换行
以上这篇CSS3的几个标签速记(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
原文地址:http://www.cnblogs.com/zhouliang/archive/2016/07/06/5647213.html
CSS3,标签
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
更新日志
- 开心少女组.1986-开心油戏(2016环球经典礼赞版)【环球】【WAV+CUE】
- 苏慧伦.2007-左撇子旋转门【环球】【WAV+CUE】
- 木马Muma.2003-YellowStar【摩登天空】【WAV+CUE】
- 萤火突击最厉害的枪是什么 最强枪械排行榜一览
- 萤火突击怎么快速升级仓库 仓库升级方法介绍
- 萤火突击快速获取作业箱方法 怎么获取作业箱
- RenatoAnselmi《IslandofDreams》1998[WAV]
- 老虎鱼DavidRoth-MeetYouWhereYouAre-HiRes-Files24bit88.2kHz
- 华晨宇2020-新世界2CD[天娱传媒][WAV+CUE]
- 谭维维《传说 DSD》[WAV分轨][565M]
- 雷婷《雷婷出击》[WAV+CUE][550M]
- 杨钰莹《杨钰莹·精选集》[WAV+CUE][622M]
- 杜德伟.1994-未变过【滚石】【WAV+CUE】
- 林一峰.2013-Playlist【LYFEMusic】【FLAC分轨】
- 陈升.2015-是否,你还记得【新乐园】【WAV+CUE】