最近要做一个网站，大概就是一个小游戏的网站，要做一个游戏列表，这个样式我自己感觉我写的太丑了，
也搭配不出好看的颜色，背景图片也怪怪的，大概要求是这样的
上面 三个X 是这个游戏的标题，下面红色阴影是游戏简介，
当鼠标在img图片上时，显示这个简介（也可以没有这个）
img是游戏图片
大概布局是这样
这个应该怎么写，让页面美观整洁？可以私信我
一个简单的css样式
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
关注flex 布局 整点动画吧 会好些 ，如果是游戏类的话 可以参考下4399那种
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-03-14 10:49回答 1 已采纳 padding 要么不设 要不左右两边都设 你现在是span属性 是行内标签 设置不了宽高 改成inline-block行内块，不需要设置padding 宽高都给个20px border-radi
- 2022-08-23 15:25回答 3 已采纳 nextSibling .xxx + .sibling { // css }
- 2022-06-09 00:29回答 1 已采纳 使用JS，先获取Dom，然后通过点击时间切换样式
- 2016-02-28 14:29CSS经典样式案例，效果非常好用，简单易学，快来掌握吧
- 2022-04-17 17:39回答 2 已采纳 请求css那里要response.setHeader('Content-Type', 'text/css');
- 2022-08-01 00:44回答 4 已采纳 审查元素看看 。样式是加上了 没生效 被覆盖了，还是就没加上
- 2023-03-08 13:59回答 2 已采纳 .iphone-flex{ display:inline-flex; }
- 2022-11-18 12:13Q鑫的博客 border-top:⽤来单独设置边框的上边沿，同理还有border-bottom border-left border-right。...精灵图：是由多个图⽚拼起来的⼤图，它存在的价值是降低服务器的并发性，避免不必要的开销。overflow-x： 显示横向滑动条。
- 2022-09-20 10:20回答 4 已采纳 加多个.el-tabs给他，提升css等级 .el-tabs .el-tabs--border-card>.el-tabs__content { padding: 1px; p
- 2023-03-17 15:02回答 4 已采纳 往上找父级Dom上有没有class="ql-editor"
- 2023-03-15 16:11回答 4 已采纳 该回答引用GPTᴼᴾᴱᴺᴬᴵ可以使用媒体查询（Media Query）来根据设备的屏幕大小或者设备类型（如PC端、移动端等）来设置样式。 例如，在你的代码中，可以这样设置： @media (min-w
- 2022-04-14 09:52一只爱吃萝卜的小兔子的博客 vue的CSS样式vue项目的结构Vue的三种样式化方法：外部CSS文件样式 相关名称： CSS预处理器（如SCSS）或后处理器（如PostCSS）。 vue项目的结构 Vue的三种样式化方法： 外部CSS文件。 单个文件组件（.vue文件）中的...
- 2021-08-20 16:41回答 4 已采纳 你css写错了
- 2022-10-23 23:13小园豆知识日记的博客 今天我为大家带来的是悬浮卡片首先我们来看看最终的效果到此为止一个简单的悬浮卡片就做好啦，当然在常见的网站中不会这样去配色哈，还是要简约大气为主。但是学习阶段好看就完事了。如果觉得不错的话记得哈。
- 2022-06-02 07:00新一代小卷王的博客 我特别喜欢收集前端好看的特效代码，前端好用的网站。今天给大家分享出来，如果觉得有帮助可以点赞收藏支持一下，如果能关注一下就再好不过了ヾ(≧▽≦*)o，...以上精美样式来自：零代码 - 精美CSS样式库 (lingdaima.
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月6日
已采纳回答
8月29日-
创建了问题
6月28日
悬赏问题
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位，为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 保护模式-系统加载-段寄存器