css如何制作梯形
- 原创
- |
- 浏览:16113
- |
- 更新:
- |
- 标签:CSS
方法/步骤
新建html页面。如图:
- 此文章非法爬取自百度经验
在html页面创建一个div标签。如图:
设置梯形class样式,并引用该样式,然后保存。如图:
使用浏览打开就可以看到梯形了。如图:
所有代码:
<!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>
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部