来源：未知 时间：2024-04-09 14:50 作者：小飞侠 阅读:次
[导读] 代码如下： style.up{width:0;height:0;border:100pxsolidtransparent;border-top:100pxsolidred;/*红色*/}.down{width:0;height:0;border:100pxsolidtransparent;border-bottom:100pxsolidblue;/*蓝色*/}.left{width:0;height:0;border:100pxsolidt...
|
代码如下： <style>
.up{
width:0;
height:0;
border: 100px solid transparent;
border-top: 100px solid red;/*红色*/
}
.down{
width:0;
height:0;
border: 100px solid transparent;
border-bottom: 100px solid blue;/*蓝色*/
}
.left{
width:0;
height:0;
border: 100px solid transparent;
border-left: 100px solid pink;/*黑色*/
}
.right{
width:0;
height:0;
border: 100px solid transparent;
border-right: 100px solid pink;/*黄色*/
}
</style>
<body>
<div class="up"></div>
<div class="down"></div>
<div class="left"></div>
<div class="right"></div>
</body>效果如下：
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
