随笔分类 -  Css

css控制边框虚线的长度或者间隔
摘要：border: 1px solid transparent; background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.3em,white 0,white 阅读全文
posted @ 2022-01-14 09:50 吃惊夜夜 阅读(1839) 评论(0) 推荐(0) 编辑
Css背景颜色渐变
摘要：background-image: -webkit-gradient(linear,left top,left bottom,from(#ff1f66),to(#ff4d4d)); background-image: -webkit-linear-gradient(top,#ff1f66,#ff4d 阅读全文
posted @ 2021-08-13 16:45 吃惊夜夜 阅读(142) 评论(0) 推荐(0) 编辑
Css边框渐变颜色
摘要：border-image: -webkit-linear-gradient(to right,#d9762e, #eba254) 20 20; border-image: -moz-linear-gradient(to right,#d9762e, #eba254) 20 20; border-im 阅读全文
posted @ 2021-08-13 16:18 吃惊夜夜 阅读(58) 评论(0) 推荐(0) 编辑
Css文字超出区域显示省略号
摘要：overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block; 阅读全文
posted @ 2021-08-13 16:12 吃惊夜夜 阅读(75) 评论(0) 推荐(0) 编辑
美化select图标，自定义select右侧下图标
摘要：select标签右侧的小图标在不同浏览器呈现的样式不同，如果要改成自己选的图标可用以下方法：在火狐浏览器的默认样式如下： select{ appearance: none; /* 去掉默认图标 */ -moz-appearance: none; /* Firefox */ -webkit-appea 阅读全文
posted @ 2021-08-13 16:03 吃惊夜夜 阅读(335) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示