CSS3的几个标识速记(强烈推荐)

2021-03-20 12:37 jianzhan

border-radius:CSS3圆角  
英语的语法:border-radius:25px;    

椭圆边角:英语的语法-border-radius:xx%;或15px/100px;

box-shadow:CSS3盒黑影    
英语的语法:box-shadow:5px 5px 10px #eee;

border-image:应用图象建立1个边框    
英语的语法: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() 涵数中的最终1个主要参数能够是从 0 到 1 的值,它界定了色调的全透明度:0 表明彻底全透明,1 表明彻底不全透明。

radial-gradients:轴向渐变色    
英语的语法与linear-gradients1样,这里不反复。

text-shadow:文字黑影    
英语的语法:text-shadow:--px --px --px #eee;

word-wrap:break-word假如某个单词太长外溢文字框,此标识强制性换行

以上这篇CSS3的几个标识速记(强烈推荐)便是网编共享给大伙儿的所有內容了,期待能给大伙儿1个参照,也期待大伙儿多多适用脚本制作之家。

原文详细地址:http://www.cnblogs.com/zhouliang/archive/2016/07/06/5647213.html