常用的一些样式

-webkit-text-shadow:

给盒子加阴影:box-shadow:

第一个值:水平方向的偏移

第二个值;垂直方向的偏移

第三个值:模糊大小

第四个值:阴影的大小

第五个值:阴影的颜色

第六个值:不写的话是外阴影, 写的话就是写inset  内阴影;

无论是字体还是盒子,前两个值不能省略

Box- shadow :3px 4px 10px yellow inset;也可以加逗号再加    【一般写四个值就行,水平、垂直、模糊程度、颜色

Text-overflow属性【文字溢出怎么处理】:ellipsis  省略号形式显示|clip(裁剪掉)

Overfllow:auto;  浏览器自动索引,就是宽高显示不开,浏览器就加上纵向滚动条

Overfllow:hidden;多余的部分进行隐藏

Overfllow:scroll;  浏览器加上横向和纵向的滚动条

如果只加上横向的【高度去掉,加上overfllow-x:scroll 不过很少用】;

 white-space:nowrap让文字不换号

-webkit-text-shadow:

给盒子加阴影:box-shadow:

第一个值:水平方向的偏移

第二个值;垂直方向的偏移

第三个值:模糊大小

第四个值:阴影的大小

第五个值:阴影的颜色

第六个值:不写的话是外阴影, 写的话就是写inset  内阴影;

无论是字体还是盒子,前两个值不能省略

Box- shadow :3px 4px 10px yellow inset;也可以加逗号再加    【一般写四个值就行,水平、垂直、模糊程度、颜色

Text-overflow属性【文字溢出怎么处理】:ellipsis  省略号形式显示|clip(裁剪掉)

Overfllow:auto;  浏览器自动索引,就是宽高显示不开,浏览器就加上纵向滚动条

Overfllow:hidden;多余的部分进行隐藏

Overfllow:scroll;  浏览器加上横向和纵向的滚动条

如果只加上横向的【高度去掉,加上overfllow-x:scroll 不过很少用】;

 white-space:nowrap让文字不换号

欢迎大家一起交流 相互学习
原文地址:https://www.cnblogs.com/zss1/p/8867400.html