码迷,mamicode.com
首页 > Web开发 > 详细

css3代码中遇见的问题

时间:2018-08-16 19:56:25      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:flex   ref   gre   ado   对齐   splay   spl   sha   dia   

1.给边框设置阴影

 border:2px solid #e4007e;

 box-shadow: darkgrey 0px 0px 30px 5px inset;//边框内阴影 

距离左边像素 距离上边像素 模糊度  边框 

 

2. 设置渐变的背景颜色

   /* background: -webkit-radial-gradient(#19370D 5%, green 15%, #19370D 60%); /* Safari 5.1 - 6.0 */

    /*background: -o-radial-gradient(#19370D 5%, green 15%, #19370D 60%); /* Opera 11.6 - 12.0 */

    /*background: -moz-radial-gradient(#19370D 5%, green 15%, #19370D 60%);/* Firefox 3.6 - 15 */

    background: radial-gradient( green 5%, #325211 15%, #19370D 60%); /* 标准的语法(必须放在最后) */

 

3. display: flex; align-items:center; 居中对齐弹性盒的各项 <div> 元素:

 

css3代码中遇见的问题

标签:flex   ref   gre   ado   对齐   splay   spl   sha   dia   

原文地址:https://www.cnblogs.com/930115586qq/p/9488916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!