chatgpt帮我写的一个小程序气泡框代码

这篇具有很好参考价值的文章主要介绍了chatgpt帮我写的一个小程序气泡框代码。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

效果图

chatgpt帮我写的一个小程序气泡框代码

这是一个气泡框

.bubble {
position: relative;
padding: 10px;
border-radius: 8px;
background-color: #ddd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.triangle {
position: absolute;
width: 0;
height: 0;
top: -10px;
left: 50%;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ddd;
}

.content {
font-size: 14px;
color: #333;
}

伪类
chatgpt帮我写的一个小程序气泡框代码

Hello World! .body { margin-top: 100rpx; margin-left: 100rpx; }

.bubble {
position: relative;
padding: 20px 12px;
font-size: 20px;
line-height: 26px;
color: #c0e3ff;
background: #122648;
border: 1px solid #4e637e;
border-radius: 10px;
}

.bubble::before,
.bubble::after {
position: absolute;
right: -20px;
bottom: calc(50% - 10px);
display: block;
font-size: 0;
line-height: 0;
border-color: transparent transparent transparent #122648 ;
border-style: solid;
border-width: 10px;
content: “”;
}文章来源地址https://www.toymoban.com/news/detail-433612.html

到了这里,关于chatgpt帮我写的一个小程序气泡框代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【ChatGPT】使用 Cursor !其中集成了免费的 GPT-4 帮我写代码,写文章,聊天(ChatGPT)

    官网是 cursor.so,下载后安装即可使用,无需科学上网。 Github: https://github.com/getcursor/cursor 现在速度又快还免费,只希望收费晚点来。 使用过程中如果一次回复的字数太多了会戛然而止,这时候跟他说“上面的代码没写完,请写完”就可以了。   目录          一、GPT-4在代

    2023年04月12日
    浏览(46)
  • 帮我写一个跨年html倒计时代码,达到预定时间切换为放烟花

    以下是一个简单的 HTML 倒计时代码,在跨年时会切换为放烟花的效果: 上面的

    2024年02月03日
    浏览(61)
  • 让ChatGPT帮我写AI与人类对决的结局

           2022年高考结束后突发奇想写了点小灵感,关于AI(人工智能)vs人类的故事,但迟迟想不出结局,于是,我决定,让ChatGPT自己为人类写个结局!下一次让文心一言试一试! 文章指引: 1.黑体字体部分为个人手写初稿 2.紫色字体部分为我发送给ChatGPT的内容  3.深蓝色字

    2024年02月02日
    浏览(46)
  • Studio Bot - 让 AI 帮我写 Android 代码

    不出所料,今年的 I/O 大会只突出了一个 “AI” 。Google 旗下的各类产品都成了其展示 AI 实力的舞台。连面向开发者的产品 Android Studio 也新增了 Studio bot 功能,希望通过 AI 帮助开发者更轻松地写代码: Studio Bot 使用谷歌编码基础模型 Codey (后者基于最新 PaLM2 大语言模

    2024年02月05日
    浏览(55)
  • 学习新技术,争做新青年:请ChatGPT帮我写一篇计算机视觉分类算法论文

    本博文主体内容由ChatGPT对话生成,所给出的知识的准确性有待商榷,聊天方式仅供参考,回答的内容需要辨别哈 所对话ChatGPT为3.5版本 技术是第一生产力,冲哇 这些论文链接大部分都是正确的啊,太酷啦 优质论文写作教程推荐如下: 🍊 论文撰写八大技巧与八大心得,一文

    2024年02月07日
    浏览(47)
  • 【AI帮我写代码,上班摸鱼不是梦】手摸手图解CodeWhisperer的安装使用

    除了借助ChatGPT通过问答的方式生成代码,也可以通过IDEA插件在写代码是直接帮助我们生成代码。 目前,IDEA插件有CodeGeeX、CodeWhisperer、Copilot。其中,CodeGeeX和CodeWhisperer是完全免费的,Copilot是收费的,每月10美元。 下面我们来了解CodeWhisperer的安装和使用,如果你还想了解其他

    2024年02月11日
    浏览(46)
  • AIGC 来帮我写个脚本

    AIGC全称为AI-Generated Content,即采用人工智能技术来自动生产内容。 充分利用好AIGC的能力挺有用的,比如下面的一个例子:给我写一个shell脚本,基本上将shell 脚本的基础能力完成,只需要稍加加工即可一个生产可用的工具。 比如: 写个sehll 脚本分析一下linux 系统的网路流量、

    2024年02月16日
    浏览(38)
  • 让chatGPT给我写一个CSS,我太蠢了

    CSS这东西,让AI写的确有点难度,毕竟它写出来的东西,没办法直接预览,这是其次。重要的是CSS这东西怎么描述,不好描述啊,比如我让他给我制作一个这样的效果出来,没办法描述,所以最终失败了! 想要一个像上图一样的红色标签 提问 回答 以下是使用 CSS 画一个正方

    2024年02月03日
    浏览(50)
  • 11.什么档次的原型模式和我写的一样

    在《生化危机》系列电影中,克隆人是个频频出现的话题。保护伞公司为了需求复制出另一个战力相当的战士Alice,不惜克隆成百上千个Alice,然而直到最后,非但没有真正克隆出另一个完美的Alice,就连Alice自己也被证实是保护伞董事的一个克隆人。 克隆人一直是饱含伦理争

    2024年01月21日
    浏览(50)
  • 我写的蓝宝石留言本php版v7.5

    蓝宝石留言本php版 v7.5 蓝宝石留言本php版采用原生php,html5,css3,jquery编写,在php5.6.40~php8.x下调试通过。 本留言本使用了utf-8编码。 include/config1.php是数据库连接参数的配置文件, include/config2是留言板参数的配置文件, include/config1.php可以直接编辑或者在安装时修改, include/con

    2024年02月04日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包