Html 使用css创建形状

.shape{
宽度：200px；
高度：50px；
背景颜色：绿色；
边界半径：10px 10px 0 30px；
变换：skewX（0）；
}

---

你好，世界什么是“特定条件”？如果您想使用纯CSS更改悬停时的图像颜色，一个简单的方法是将图像设置为div元素的背景。然后，您将创建第二个相同的图像（使用新颜色）以进行更改

HTML-

<div id="color-1"></div>

使用SVG比使用纯CSS更容易，下面是一个示例：


路径{
填充：粉红色；
}
路径：悬停{
填充物：红色；
行程：#000；
}

使用SVG


.a{
填充：#ef0c4d；
行程：#999；
行程限制：10；
笔划宽度：7px；
}
a:悬停{
填充：绿色；
笔画：蓝色；
}

你也可以使用SVG，然后使用CSS应用样式。嘿，你说过你有两个jpeg格式的形状，想用CSS重新创建，但你还没有向我们展示jpegs@Scoots很抱歉，刚刚添加了一个代码段来复制“问题”。是否要更改图像的颜色？？？在css中？？？？？首先谢谢。我要求你给我一个解决方案，两个。您能给我更多关于如何测量SVG路径的信息吗。任何tool@Carlos如果你有adobe订阅，你可以使用免费工具inkscape@Carlos，然后使用illustrator，这两种工具都允许导出到svg。然后您可以将svg代码复制粘贴到html@Carlos如果这个答案对你有帮助，那么请接受它
#color-1 {
    width:500px;
    height:200px;
    background-image:url('some/image/path');
}

 #color-1:hover {
    background-image:url('some-other/image/path');
}