随笔分类 -  css

样式
【css】xx行超出省略号
摘要：.line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 两行超出 .line-clam 阅读全文
posted @ 2020-12-08 16:12 三行代码 阅读(127) 评论(0) 推荐(0)
【css】 三角形--左上角
摘要：效果 代码 .step-dom{ position: relative; padding: 35px 35px 12px 35px; border-bottom: 4px solid #e8e8e8; .triangle-topleft { display: inline-block; width: 阅读全文
posted @ 2020-05-19 16:31 三行代码 阅读(1123) 评论(0) 推荐(0)
突破浏览器12px限制
摘要：话不多说 都在代码里 效果图 主要运用了 缩放 没有实测兼容问题 主力chrome 原 实现代码 可直接写font-size 在上面的styele中 我这用的另一个class装 需要更小 可调整transform 倍数 就酱 告辞~~~ 阅读全文
posted @ 2019-01-10 00:52 三行代码 阅读(738) 评论(0) 推荐(0)
css 去除input框边框 鼠标禁用状态 背景颜色
摘要：让一个input框作为一个有placeHolder 提示信息的 展示信息面板 左边为可编辑的面板（为编辑状态）右边为展示 右边需要修改 0.背景颜色与背景同色 1.取消外边框 input{ outline: medium}2.鼠标禁用（可作为全局样式使用） .mouse_disabled { poi 阅读全文
posted @ 2018-12-20 11:37 三行代码 阅读(2012) 评论(0) 推荐(0)
css 文字边框
摘要：矩形边框 可增加border属性 勾绘出一条边线 会变成一个圆 以及各种不规则矩形形状 如一些三角形啊 （可做提示边边角,展开收起等状态） 五六七八边 平行、梯形、菱形 椭圆，半圆，整个园 月牙，狼牙，小铁环 .... 甚至于 爱心❤ /* 爱心 */ .love { position: relat 阅读全文
posted @ 2018-12-18 12:14 三行代码 阅读(8210) 评论(0) 推荐(0)
css 控制文本显示
摘要：常见的有溢出三点隐藏 控制在一行 条件 有宽度 px %都可 溢出隐藏 overflow:hidden 强制一行显示 white-space:nowrap 文本溢出点点点显示 text-overflow:ellipsis 效果 控制在多行之后进行点点点显示 可以通过改变-webkit-line-cl 阅读全文
posted @ 2018-11-26 12:18 三行代码 阅读(2766) 评论(0) 推荐(0)
css tips提示框 三角形 + 框
摘要：template: style: Chrome: 阅读全文
posted @ 2018-11-23 14:42 三行代码 阅读(371) 评论(0) 推荐(0)