我需要帮助用CSS创建一个特定的形状

时间:2018-01-25 09:12:50

标签: html css

我目前正在开展个人项目(我是初学者,所以这可能是非常基本的)。我想用CSS制作图片上的形状,但我不知道该怎么做。任何帮助将不胜感激。谢谢! :)

shape image

1 个答案:

答案 0 :(得分:1)

在你问之前,下次更好地学习多边形属性。

<!DOCTYPE html>
<html>
<head>
<style>
img {
    position: absolute;
    clip-path: polygon(1% 0%, 10% 0%, 22% 12%, 36% 19%, 56% 25%, 77% 29%, 92% 30%, 100% 31%, 100% 68%, 93% 69%, 86% 70%, 61% 73%, 34% 77%, 19% 83%, 8% 93%, 1% 91%);
}
</style>
</head>
<body>

<img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/TEIDE.JPG" width="500" height="500">

</body>
</html>