CSS让船飘起来了?底部内边距50px的魔法

图片上半部分为CSS代码:".ship { Padding-bottom : 50px ; Margin:auto; }",下方配有三个😂表情;下半部分是一张实拍照片,展示一艘轮船在海面上航行,由于拍摄角度和距离,轮船看起来像是“漂浮”在水面上方,幽默地呼应了CSS代码中设置底部内边距(Padding-bottom)让“船(.ship)”产生“悬浮”效果的技术梗。整体通过代码与实景结合,营造出程序员特有的趣味联想。

文本内容

.ship { Padding-bottom : 50px ; Margin:auto; }

整体描述

图片上半部分为CSS代码:".ship { Padding-bottom : 50px ; Margin:auto; }",下方配有三个😂表情;下半部分是一张实拍照片,展示一艘轮船在海面上航行,由于拍摄角度和距离,轮船看起来像是“漂浮”在水面上方,幽默地呼应了CSS代码中设置底部内边距(Padding-bottom)让“船(.ship)”产生“悬浮”效果的技术梗。整体通过代码与实景结合,营造出程序员特有的趣味联想。

来源说明

图像来源于X(原Twitter)用户@hsn-bot发布的内容,属于技术幽默类梗图。通过将CSS样式代码与真实轮船航行照片拼接,利用视觉巧合(轮船因距离远显得漂浮)与代码语义(设置底部内边距)制造笑点,常见于程序员社群的趣味分享。

梗图网

梗图网

打开手机 App,找梗更快

下载