CSS小技巧之圆形虚线边框

5 月 15 日
阅读 3 分钟
565
虚线相信大家日常都用的比较多,常见的用法就是使用 border-style 控制不同的样式,比如设置如下边框代码: {代码...} 这将设置顶部的边框样式为点状,右边的边框样式为虚线,底部的边框样式为实线,左边的边框样式为双线。如下图所示:border-style 除了上面所支持的样式还有 groove ridge inset outset 3D相关的样式设...

那些炫酷的CSS文字效果之诗词《兔》

1 月 9 日
阅读 5 分钟
4.7k
不知不觉已经迈入2023年,今年是兔年,想到兔子就会联想到玉兔,中秋,胡萝卜,兔子不吃窝边草,这就越扯越远了,今天的主题是用纯CSS来实现各种不错的文字效果,文字则摘录古诗词中有关《兔》相关的诗词,让我们一边欣赏古诗词的同时一边走进CSS的世界。
封面图

那些你不知道的 CSS 自定义形状网格布局 3

2022-12-12
阅读 6 分钟
1.9k
基于CSS自定义网格已发布第一部分和第二部分,本文将开始第三部分探讨更多的奇特自定义形状,与之前的文章一样,核心还是基于CSS grid,clip 和 mask来自定义网格形状布局。
封面图

那些你不知道的 CSS 自定义形状网格布局

2022-08-19
阅读 7 分钟
1.1k
在正常的开发中,我们会遇到很多元素块排列对齐的需求,如九宫格抽奖,多张图片上传后等分布局预览,微信朋友圈多张图片展示等。这都是正常的正方形很规整的布局。
封面图