博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML border CSS输出三角形
阅读量:7214 次
发布时间:2019-06-29

本文共 260 字,大约阅读时间需要 1 分钟。

有以下一段html代码:

    
Document
乍一看非常不解,可是效果是这种:

把CSS改一改:

.triangle_up{  height:0px; width:0px;  border-bottom:50px solid red;  border-left:50px solid   ;  border-right:50px solid   ;}

还是晕,再把宽高改一改:

宽高再改一改:

瞬间恍然大悟。

块的宽高都为0。又巧妙设置了透明。所以看起来就是一个三角形!

你可能感兴趣的文章
917:Knight Moves
查看>>
【IT基础】windows核心编程整理(上)
查看>>
[arm驱动]linux并发与竞态---并发控制
查看>>
jailkit 限制用户活动范围和权限
查看>>
WMI技术的使用
查看>>
Socket编程实践(10) --select的限制与poll的使用
查看>>
Unix Study之--AIX安装和配置SSH
查看>>
转:iPhone之后,思考下一个科技突破(之二)
查看>>
如何将Ant下Web项目迁移到Hudson实现持续化集成开发
查看>>
avascript解汉诺塔问题
查看>>
三种快速以太网标准
查看>>
Waymo乘客交互系统亮相,还带西方记者试乘了没司机的真·无人车
查看>>
IPv4和IPv6共存技术---ISATAP隧道
查看>>
【Cocoa(mac) Application 开发系列之二】总结一些常用控件及自定义View
查看>>
爪哇国新游记之十七----肺腑之言
查看>>
美国诚实签经验——必带材料:护照,证件照,DS160确认页,面试预约确认页,+境外照片...
查看>>
PHP乱码问题,UTF-8(乱码) (share)
查看>>
python 反模式
查看>>
interface
查看>>
学着使用移动应用统计分析工具
查看>>