CSS
关注
分享
扫一扫
海天鹰
https://www.gitlink.org.cn/sonichy
展开
-
CSS选择父元素
有 img 的 p 元素增加居中，使得图片居中。原创 2025-03-03 11:14:17 · 118 阅读 · 0 评论 -
table居中
【代码】table居中。原创 2024-10-01 11:14:29 · 162 阅读 · 0 评论 -
CSS选中第2个table
【代码】CSS选中第2个table。原创 2024-02-23 12:50:20 · 425 阅读 · 0 评论 -
链接和按钮对不齐
链接添加 display: inline-block;按钮添加 vertical-align:bottom;原创 2024-01-18 00:19:09 · 401 阅读 · 0 评论 -
CSS: ＜select＞水平居中
select> 的 display 属性默认是 inline-block。原创 2023-05-12 13:28:35 · 294 阅读 · 0 评论 -
纯CSS固定table表头
【代码】纯CSS固定table表头。原创 2023-05-01 15:44:03 · 543 阅读 · 0 评论 -
CSS 选择器 nth-child 实现一个范围
CSS 选择器 nth-child 实现一个范围原创 2022-07-07 18:49:37 · 563 阅读 · 0 评论 -
纯CSS图片导航
参考：纯css实现tab导航 - WayneLiu123 - 博客园1.通过 链接# 触发 #id:target 样式。2.通过 #id:target ~ ... 锁定兄弟元素样式。<html><title>腾讯视频</title><head><link rel="shortcut icon" href="http://v.qq.com/favicon.ico"><style>body { mar原创 2022-03-24 19:23:12 · 1450 阅读 · 0 评论 -
纯CSS图片层叠点击展开
源码：抖音[代码女神]图片资源：https://www.3dmgame.com/games/yuanshen/qrwtj_535/纯CSS图片展示<html><title>原神</title><head><style>ul { width: 1000px; height: 500px; margin: 100px auto;}li { float: left;原创 2022-03-20 18:48:26 · 6866 阅读 · 6 评论 -
纯CSS手风琴图片层叠hover展开
参考：https://www.jb51.net/css/593713.html图片：https://www.3dmgame.com/games/yuanshen/qrwtj_535/<html><title>原神</title><head><style>ul { width: 1000px; height: 500px; margin: 100px auto; padding-inline-.原创 2022-03-20 13:10:15 · 357 阅读 · 0 评论 -
CSS3动画：吃豆
抖音[亿以网络]第三课<html><title>吃豆</title><head><style>body { background: black;}.mouth { width: 200px; height: 200px; margin-top: 100px; border-radius: 100px; animation: peas 1s linear infinite;原创 2022-03-16 09:49:57 · 435 阅读 · 0 评论 -
CSS动画：梦幻西游
抖音刷到网课，学起来！梦幻西游官网改了，素材没有了，搬运：css3仿梦幻西游场景动画特效<html><head><title>梦幻西游</title><style>body { background: url("bg.jpg"); animation: bg 50s linear infinite; }@keyframes bg { 0% { background-position-x: 0px; } 100%原创 2022-03-15 17:11:19 · 681 阅读 · 0 评论 -
CSS动画：跳动的心
抖音刷到网课，学起来！<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/><title>跳动的心</tit原创 2022-03-15 17:08:05 · 633 阅读 · 0 评论