常用的一些样式
-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让文字不换号
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步