第一问答网»论坛 › 中问网 › 问答 › 求助网页制作

求助网页制作

[复制链接]

11 |

2 | 2021-1-27 05:16:43 | 显示全部楼层 |阅读模式

这种箭头怎么画？
分 -->

使用道具举报

千问 | 2021-1-27 05:16:43 | 显示全部楼层

#triangle-up{
display:inline-block;
width:0;
height:0;
border-left:30pxsolidtransparent;
border-right:30pxsolidtransparent;
border-bottom:50pxsolidred;}
.lineDiv{
width:10px;
height:100px;
background:red;
margin-left:25px;
}

使用道具举报

千问 | 2021-1-27 05:16:43 | 显示全部楼层

.arrow{
position:relative;
background-color:#31B0D5;
width:100px;
height:300px;
}
.arrow::before,.arrow::after{
content:"";
position:absolute;
left:50%;
transform:translateX(-50%);
}
.arrow::before{
top:70px;
border-width:40px;
border-style:solid;
border-color:transparenttransparentdarkorangetransparent;
}
.arrow::after{
bottom:20px;
width:30px;
height:130px;
background-color:darkorange;
}

使用道具举报

返回列表发新帖

千问

主题	0 回帖	4882万积分

论坛元老

Rank: 8 Rank: 8

积分: 48824836

回复楼主返回列表

问答

热门排行