07
2025
04
21:52:13

使用DeepSeek生成游戏/比赛记分牌。

使用DeepSeek生成游戏/比赛记分牌

这一次,我生成最终的记分牌页面,一共和DeepSeek互动了4次。
大家可以看一下从 第一版记分牌-->第四版记分牌 的效果,评论区留言哪一个更好?

这一次,我分享一下我和DeepSeek的互动过程。
以下是我第一次的提示词

请帮我写一个html页面,用来记录红队和蓝队的比分。


页面主区域是820*420分辨率,最外层是一个黑色实线边框,边框内部 左侧区域是一个类似三位数的密码锁,每位数都是白底黑字,每位数上下都有上下三角形状,点击上三角分数增加一分,点击下三角分数减少一分。右侧同理。


边框外是一个黄色的清空比分按钮。

生成效果就是第一个记分牌,看起来很单薄,所以,我提出了修改要求,如下。

请帮我修改 使得team-section元素的背景为灰色,arrow为白色,score-display为黑色。


当然,如果你有一些编程基础,可以看得懂 这就是修改了一些元素的css样式
如果看不懂,也没关系,文末有第四版效果的代码,你拿去就能使用
显然,第二版也不够满意,太黑了。然后,我提出了修改提示词。如下。

请帮我继续修改,team-section上下边距是20px,左右边距是10px,team-section的颜色再浅一些。

这一次,基本上达到了预期效果,但是直角显得太愣了,再一次提出要求。如下。

请帮我继续修改,让team-section的颜色再浅20%,变成圆角10px

这是最终的结果,几乎可以算是一个很专业、很美的记分牌了




推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

以下内容需要兑换:

本文链接:https://zblog.hqyman.cn/post/10173.html 非本站原创文章欢迎转载,原创文章需保留本站地址!

分享到:
打赏





休息一下~~


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

请先 登录 再评论,若不是会员请先 注册

您的IP地址是: