css如何制作梯形

2024-10-13 05:29:00

1、新建html页面。如图:

css如何制作梯形

3、设置梯形class样式,并引用该样式,然后保存。如图:

css如何制作梯形

5、所有代码:<!DOCTYPE html><html><head> <meta charset="炽扃仄呦UTF-8"> <title>Document</title> <style type="text/css"> .trapezoid{ border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; width: 100px; } </style></head><body> <div class="trapezoid"></div></body></html>

猜你喜欢