检查属性兼容性:
https://caniuse.com/
一、竖向颜色变化条
background: linear-gradient(to right,#eeeeee 80%,#ff9c00 0);
效果:
两种颜色二、文字不换行
white-space:no-wrap;
三、阴影
参数:x轴偏移, y轴偏移,阴影模糊值,颜色
box-shadow: X轴偏移 Y轴偏移 npx color;
内阴影
box-shadow: X轴 Y轴 npx color inset;
xy为0就自动四周阴影
四、calc动态计算元素值
使用:
.box{width:calc(100% + 10%);}
注意:calc( 表达式)要注意表达式里面的加号左右必须有空格否则不生效
网友评论