
css
是猿不是缘
不想成为大牛的的码农不是好厨子!
展开
-
flex布局 justify-content:space-between 最后一行左对齐
flex布局 justify-content:space-between 最后一行左对齐原创 2022-09-01 17:31:19 · 988 阅读 · 1 评论 -
box-shadow 93种经典效果
写css的时候box-shadow的用法千变万化,在这里分享一个网站,里面罗列了93种阴影效果,直观可见,使用也方便,直接点击便可复制代码。网址:点击这里原创 2021-10-26 16:15:00 · 3645 阅读 · 0 评论 -
video视频播放宽高比与设置的不一致
最近在项目中遇到了video标签设置宽高属性,始终无法改变宽高比的情况,导致想操作canvas画布与video输出的视频大小不一致,查了好久才解决,记录一下:原来的代码: <video id="videocanvas" width="500px" height="350px" autoplay ></video>width属性和height属性不管怎设置始终输出的视频都无法与设置的一致,用百分比也没用;解决方法:<video id="原创 2021-09-01 10:38:04 · 2588 阅读 · 1 评论 -
去除overflow:scroll时的浏览器滑条
当我们使用overflow="scroll"属性时会出现浏览器的原生滑条而在现实开发时这么丑的原生滑条是肯定的不会使用的,所以这时候我们就需要去除这些滑条;可以加这些属性:谷歌浏览器:::-webkit-scrollbar { display: none;}火狐浏览器:scrollbar-width: none;...原创 2021-08-25 11:22:04 · 581 阅读 · 0 评论 -
input框number类型去除原生加减图标
在使用input框只想输入数字时,input框有原生的 type=“nubmer” 属性,可是该属性自带加减图标非常不美观,如下图这时我们可以使用css属性去掉这个加减图标,代码如下html:<input type="number" name="" id="">css:input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[ty原创 2021-08-04 15:33:23 · 2465 阅读 · 0 评论