CSS
Y_coder
这个作者很懒,什么都没留下…
展开
-
【CSS】uniapp中实现动态button group(一组按钮两边圆角中间直角)
以下代码可以直接拿去用!按自己的情况改一下data就好啦,样式也可以根据自己的添加,我提供的样式基本上没有什么多余的样式。css 样式如下:(选择器是核心代码)原创 2023-05-25 17:51:28 · 606 阅读 · 0 评论 -
【CSS】:nth-child()选择器的用法
::nth-child 还支持使用公式来选择元素,例如 2n+1 表示选择奇数位置的元素,3n 表示选择位置是 3 的倍数的元素等等。这使得 &::nth-child 在选择灵活位置上的元素时非常有用。使用 &::nth-child 可以根据元素在其父级元素中的位置应用样式。例如,你可以使用它来选择列表中的奇数或偶数行,或者选择特定位置上的元素。这意味着第一个元素的位置是 1,第二个元素的位置是 2,以此类推。,其中 n 是一个表示位置的参数。原创 2023-05-22 16:38:07 · 1644 阅读 · 0 评论 -
【CSS】全局声明引入自定义字体
在Vue.js中可以使用全局样式表来定义字体。通常,可以在项目中的主样式表中定义全局字体,然后确保该样式表在整个应用程序中被引入。这样自定义字体就会在整个Vue应用程序中全局生效了。确保测试在不同浏览器和设备上的兼容性。或者如果你的项目使用了Vue CLI,可以在。以下用vue项目为例,其他的也是类似!为你实际字体文件的路径。原创 2023-11-10 17:44:05 · 896 阅读 · 0 评论 -
【CSS】解决上层盒子遮挡下层图片点击事件的三种方法
在Web开发中,我们有时候会遇到一个常见的问题:上层盒子的点击事件遮挡了下层图片的点击,导致用户无法与图片进行交互。本篇博客将介绍三种解决这个问题的方法,通过使用CSS和JavaScript,使得上层盒子在视觉上处于上层,但不影响下层图片的点击事件。原创 2023-11-10 14:19:37 · 1644 阅读 · 0 评论