十年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

网站建设中常用的CSS3语法有哪些?

百恒 2017-12-29 15:12:52 632 读取中.
       随着主流浏览器地不断更新,CSS搭配js所形成的网页动画结果可以用CSS3的语法直接呈现,这样一来在网站设计上可以减少图片的使用,从而避免了因容量过大造成的存取困难。那么南昌网站建设中常用的CSS3语法有哪些呢?下面百恒网络小编就来为大家介绍一下:

       1、RGBA设定元素颜色,可设定元素的颜色阴阳角,重要行使颜色的RGB值,以及设定元素的透明度。
       例如:
       background:rgba(0,0,0,0.5);
       background:rgba(0,0,0,1);
       background:rgba(red,green,blue,alpha);
       其中alpha值 0为透明 1为不透明,0~1区间可选择透明度的强弱。
       
       2、Border radius设定元素圆角,可设定元素圆角,预设为0。
       例如:
       border-radius: 10px;
       -webkit-border-radius: 10px; 
       -moz-border-radius: 10px;

       3、box Shadow区块阴影,可设定区块阴影
       例如:
       box-shadow: 1px 2px 3px #000;
       -webkit-box-shadow: 1px 2px 3px #000; 
       -moz-box-shadow: 1px 2px 3px #000; 

       4、Text Shadow笔墨阴影,可设定笔墨阴影
       例如:
       text-shadow: 1px 2px 3px #000;

       5、Gradient Background设定背景渐层
       上下渐层:GradientType=0
       左右渐层:GradientType=1
       渐层肇端颜色:startcolorstr=# 
       渐层结束颜色:endcolorstr=# 

       例如:
       预设的背景色
       background: #278092;
       background:-webkit-gradient(linear, left top, left bottom, from(#00475E), to(#007276)); 
       background: -moz-linear-gradient(top, #00475E, #007276);
       filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00475E', endColorstr='#007276'); 
       background: -o-linear-gradient(top, #00475E, #007276); 

       以上便是在南昌做网站中常见的一些css3语法,希望对大家有所帮助。CSS3的出现提高了网站的打开速度,而且它运用灵活,目前在开发者中非常受欢迎。百恒网络做网站就是使用成熟可靠的Html+Css技术,确保网站兼容各大主流的浏览器。如果您有网站建设方面的需求,欢迎大家来电咨询,百恒随时为您服务!
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×