画圆
1. 创建一个div元素,设置宽度和高度相同,并将边框弧度设为50%。
```html
```
画三角形
1. 创建一个div元素,设置宽度和高度为0,将边框设置为透明,然后给任意一条边框设置颜色。
```html
```
画六边形
1. 创建三个div元素,其中两个为三角形,一个为矩形。调整宽高以形成六边形。
```html
```
使用CSS3绘制六边形
1. 使用伪类:before和:after在源元素之前和之后再绘制两个元素,并利用CSS3的边框样式将这两个元素变成三角形放置在源元素的两端。
```html
```
使用turtle库绘制六边形
1. 导入turtle库,创建画布和画笔对象,使用for循环绘制六边形。
```css
.hexagon {
position: relative;
width: 100px;
height: 60px;
background-color: 6c6;
margin: 0 auto;
}
.hexagon-top, .hexagon-bottom {
position: absolute;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 60px solid 6c6;
}
.hexagon-middle {
position: absolute;
width: 100px;
height: 100px;
background-color: 6c6;
top: -30px;
left: -25px;
}
```
这些方法可以帮助你使用不同的技术绘制六边形和三角形。你可以根据自己的需求和喜好选择合适的方法。