简单的说，有很多种方法，其中一些已经过时了，根据经验，如果有对角线或曲线，你要么看到javascript，要么看到某种形式的图像，要么看到css文件中嵌入的SVG，我将跳过javascript方法，因为它们涉及到实际的编程，我怀疑这不是你想要做的。（如果我错了，请看一下画布HTML实体的文档，以及使用JavaScript在它们上绘图的方法！）

1. CSS中的内联SVG
   最现代的方法可能是在css样式表中把它写成内联的svg. svg是一种基于矢量的web图像格式.这种格式是描述性的和人类可读的，但是我猜也有编辑器可以用点击的方式来做. this question的公认答案提到了它可以在代码中完成的方式.
   响应者给出了以下内嵌svg的示例：

body {
    background-image: 
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><linearGradient id='gradient'><stop offset='10%' stop-color='%23F00'/><stop offset='90%' stop-color='%23fcc'/> </linearGradient><rect fill='url(%23gradient)' x='0' y='0' width='100%' height='100%'/></svg>");
}

尽管这看起来有点复杂，但这是一个很好的方法，因为如果你的页面是由一个动态服务器运行的，你可以让图形中的所有颜色都成为服务器可以推断的动态值。这样，你就可以改变曲线的颜色以及页面的其余部分。注意，有一些方法可以在svg文件中换行，这使得它们更具可读性！

1. CSS中的内联SVG（Base64）
   如果愿意，您也可以将此信息编码为base64，但这会使将来更改颜色变得复杂（如果相关）。
2. SVG-图像文件
   您还可以将图像生成为资源（无论如何，我强烈建议使用SVG格式），并将其插入到页面中的正确位置。
   1.（已弃用）像素化图像文件
   在互联网的早期，当人们对他们的个人主页和学校、体育俱乐部等页面进行大量修改时，经常可以观察到人们只是插入像素化的图像来创建斜坡和曲线。这是我今天强烈反对的，因为许多设备以不可预见的方式缩放页面，使用这种技术你的斜坡看起来会很糟糕。