CSS
黄哇塞耶
努力生活,保持向上
展开
-
踩坑之video视频无法正常播放
但是 视频不会自动播放,成了静止的一张图片 给video设置的autoplay属性没有生效 然后翻阅了很多文档 知道问题了 少了一个属性“”之后就可以正常播放了 但是还有个问题 在 iOS无法自动播放 然后就还需要一个属性“首先说下我的需求:就是视频放在头部自动循环播放,不需要手动操作。所以最后的完整代码是。原创 2024-04-12 09:15:19 · 166 阅读 · 0 评论 -
css实现页面内容区撑满全屏(内容全屏自适应)
然后 我使用了第二个办法 成功解决 那就是使用 position定位。我刚开始想到的思路是 左边内容使用浮动 右边自适应。原创 2024-03-29 10:16:01 · 258 阅读 · 0 评论 -
解决css中border渐变色和border-radius一起用border-radius失效的问题
我们都知道border-radius属性是实现边框圆角的,当我们给border设置渐变色的时候是用到border-image,会发现此时设置border-radius会失效。原创 2023-12-12 09:38:43 · 870 阅读 · 0 评论 -
用css实现文字字体颜色渐变的三种方法
通过url属性引用SVG图像, SVG是一种用于描述矢量图形的XML标记语言。利用这个属性,我们可以在文字中嵌入SVG图像,实现渐变色效果。background-clip是CSS3中新增的属性,可以用于指定背景图片或颜色的绘制范围。以上三种方法都可以实现文字的颜色渐变。原创 2023-11-09 10:18:13 · 14864 阅读 · 2 评论 -
css解决文本间距不一样的问题
css解决文本字间距大小不一不固定原创 2022-07-01 13:36:18 · 564 阅读 · 0 评论 -
使用calc解决css中内容不多,但需要充满整个屏幕的问题
在写样式中,我们经常会遇到页面内容不够多,但需要填充一整个屏幕这种问题,如下图:像图上这种,内容不多,所以无法填充整个屏幕,就很难看,这个时候我们可以使用css3中的一个计算属性calc来实现图上是微信小程序里的。需要使用flex布局 在左半边这块区域 css的样式如下: .left{ height: ~'calc(100vh - 412rpx)';//412rpx是上面的图片加tab切换标签这行的高度,我们用100vh减掉上面的高度,就是下面我们需要填充的高度}这样就解决了 页面不原创 2021-12-15 17:47:13 · 1588 阅读 · 0 评论