HTML 不规则形状
HTML本身不支持创建不规则形状，因为HTML元素基于矩形模型，不能直接创建三角形、圆形或其他不规则形状。但是，可以使用CSS来模拟不规则形状。
例如，创建一个三角形：
<!DOCTYPE html>
<html>
<head>
<style>
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid black;
}
</style>
</head>
<body>
<div class="triangle"></div>
</body>
</html>创建一个圆形：
<!DOCTYPE html>
<html>
<head>
<style>
.circle {
width: 100px;
height: 100px;
background-color: red;
border-radius: 50%;
}
</style>
</head>
<body>
<div class="circle"></div>
</body>
</html>在这些例子中，.triangle 类使用了边框来创建一个三角形，而 .circle 类使用了border-radius属性将一个正方形变成了一个圆形。这些技巧依赖于CSS属性，而不是HTML标签。
评论已关闭