cursor、通义灵码和豆包生成圣诞树html网页代码

京河小蚁

已于 2024-12-26 09:59:47 修改

阅读量1.2k

点赞数 16

分类专栏： AI编程文章标签： html cursor AI编程

于 2024-12-26 09:57:27 首次发布

本文链接：https://blog.csdn.net/u010772882/article/details/144734252

版权

文章目录

背景
对比过程
资源上传成功

背景

下面这张图是发这篇文章的初始原因，偶然间看到这个CSDN的热点任务，想要用AI辅助工具对比生成一份html文件，本篇文章只对比，没有结论，下面我把测试过程发出来。
在这里插入图片描述

对比过程

通义灵码

圣诞树html网页代码

<!DOCTYPE html>
<html>
<head>
    <title>圣诞树</title>
    <style>
        body {
     
            background-color: #000;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        .christmas-tree {
     
            font-size: 0;
        }
        .christmas-tree div {
     
            text-align: center;
            margin-bottom: -15px;
        }
        .christmas-tree span {
     
            display: inline-block;
            margin-bottom: 10px;
            color: green;
            font-size: 8px;
            width: 20px;
            height: 20px;
            line-height: 20px;
        }
        .star {
     
            color: yellow;
            font-size: 30px;
            margin-bottom: 10px;
        }
        .trunk {
     
            color: brown;
            font-size: 20px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div class="christmas-tree">
        <div class="star">*</div>
        <div><span>*</span></div>
        <div><span>*</span><span>*</span><span>*</span></div>
        <div><span>*</span><span>*</span><span>*</span><span>*</span><span>*</span></div>
        <div>