Html 如何制作像iCloud这样的图标？

有人知道如何让这变得很容易吗？我是一个初学者，我想在我的网站上有3个图标，使一个学校的任务基于icloud的网站。 我真的不知道怎么做，我已经做了一些研究，但我什么也没发现。检查元素有点难以理解。。。欢迎任何帮助

这个怎么样：

更多信息请访问

这也是我最喜欢的图形应用程序。

---

您可以使用它通过拖放形状来制作高分辨率图标。它可以制作4096x4096图形。它也是免费的，但现在有更多功能的付费订阅。因为我在订阅之前就有了这个应用程序，所以他们免费给了我。

这将是你家庭作业的开始：）

正文{
背景：红色；
/*对于不支持渐变的浏览器*/
背景：-webkit线性渐变（左上角，红色，黄色）；
/*适用于Safari 5.1至6.0*/
背景：-o-线性梯度（右下角，红色，黄色）；
/*歌剧11.1至12.0*/
背景：-莫兹线性梯度（右下角，红色，黄色）；
/*适用于Firefox 3.6至15*/
背景：线性渐变（右下角，红色，黄色）；
/*标准语法*/
}
第一组，
第二组，
第三分区{
浮动：左；
宽度：200px；
高度：200px；
背景色：白色；
边界半径：12px；
利润率：20px；
文本对齐：居中；
}

一些文本
一些文本
一些文本

请尝试以下操作：

.icloud图标容器{
垂直对齐：中间对齐；
文本对齐：居中；
左：10%；
位置：相对位置；
显示：表格单元格；
}
.icloud图标{
宽度：200px；
高度：200px；
背景色：#F2F2；
边界半径：50px；
利润率：20px；
文本对齐：居中；
边框：1px实心#e2；
}
.icloud图标标签{
文本对齐：居中；
}

图标标题

堆栈溢出仅用于编程问题。可能还有另外一个网站，上面有这类图形问题，但请先阅读他们的帮助中心。这个网站是用于计算机编程的，而不是图形设计的。你的问题有什么关系？你可能还应该检查这些图标是否属于公共领域。撕掉IP（尤其是苹果的）可能会产生非常负面的后果。@Ethilium我不想伪造任何东西，我只想要相同的形状。对不起，我不知道这个。。。谢谢你通知我@谢谢分享！不客气！我告诉过很多人，很多人完全改变了他们的生活。谢谢你的帮助，伙计！：）感谢你，然后对这个帖子投赞成票：）很高兴我能帮上忙！我不能，因为我没有15分，但当我在那里的时候我会的；）