CSS+HTML案例
关注
分享
扫一扫
文章平均质量分 66
运用CSS和HTML实现真实的案例，欢迎来看！
哎呦你好
持续输出前端基础知识，小伙伴关注我吧！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【css】两行代码实现响应式布局，让卡片、图片、内容块自动适应各种屏幕宽度
我们只需两行 CSS 就能实现强大的响应式布局，告别繁琐的媒体查询和弹性布局计算。原创 2025-07-07 14:19:35 · 860 阅读 · 0 评论 -
flex布局实例：把色子放进盒子里
display: flex将容器变为弹性容器，内部元素（色子）变为弹性项目，遵循 flex 布局规则。原创 2025-06-25 09:45:41 · 761 阅读 · 0 评论 -
卡片区样式，按钮样式，运营模块
近期举办的活动</view><view class="tit">主题活动</view><view class="tit">意见反馈</view><view class="tit">会议室原创 2025-06-17 16:00:45 · 933 阅读 · 0 评论 -
安卓端和苹果端滚动条隐藏，并且仍然能滚动
小程序或者app上看到滚动条，并不是很美观，怎样去掉滚动条，还能滚动页面原创 2025-05-28 11:11:33 · 170 阅读 · 0 评论 -
【CSS border-image】图片边框拉伸不变形，css边框属性，用图片打造个性化边框
当用图片做边框时，还要考虑到一个问题，如何适应边框的宽高变化，并且图片不变形？本文深入解析 CSS border-image，用图片打造个性化边框。下图的效果就是利用border-image属性实现的图片边框自适应。原创 2025-05-23 10:57:58 · 5082 阅读 · 0 评论 -
【css】背景图片透明,包含文字不透明的最佳解决方案
这里是文字原创 2025-04-29 11:17:48 · 532 阅读 · 0 评论 -
CSS3变量var()函数示例，可自定义变量
var()函数用于读取变量，var()可以插入一个自定义属性的值，用来代替非自定义属性中值的任何部分。var() 函数不能作为属性名、选择器或者其他除了属性值之外的值。原创 2025-05-07 13:14:00 · 869 阅读 · 0 评论 -
【css列表卡片】鼠标经过时铺满背景，鼠标离开时缩回到右上角，并且自适应页面
最近做web端的页面，需要做小卡片形式的目录，增加了一些动态效果，当鼠标经过时，铺满背景，鼠标离开时，缩回到右上角色块，并且能适应不同页面，实现自适应原创 2025-05-07 09:47:50 · 574 阅读 · 0 评论 -
【css】文本溢出变...
* 使用省略号表示被截断的文本 */white-space: nowrap;/* 防止文本换行 */overflow: hidden;/* 隐藏溢出的文本 */也是可以的，希望能帮助需要的小伙伴！原创 2025-04-29 09:27:05 · 230 阅读 · 0 评论 -
【css】鼠标经过卡片翻转并展示背面的内容纯css实现
最近，需要做一个鼠标经过，卡片翻转并展示背面的内容，鼠标离开回到正面，没有任何的js，用css实现出来，整理了一下，写出来方便需要的小伙伴查看，写的不足的地方请大家帮忙指出。原创 2025-04-30 09:13:09 · 464 阅读 · 0 评论 -
【css立体字】text-shadow 提升文本的视觉效果
text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。原创 2025-05-08 10:28:50 · 598 阅读 · 0 评论 -
CSS实现拱形展示效果
小伙伴们，在日常工作中，我们经常要用css实现一些圆角的效果，今天我来和大家分享一个案例，用到了css的一些属性原创 2025-05-06 10:46:23 · 1082 阅读 · 0 评论