首页常见问题正文

Css3画三角形如何实现?

更新时间:2023年03月06日 11时29分43秒 来源:黑马程序员

1577370495235_学IT就到黑马程序员.gif

实现这一过程其实很简单:

1)先创建一个盒子

2)为这个盒子添加样式

#triangle {
        height: 0;
        width: 0;
        border-right: 50px solid transparent;
        border-bottom: 50px solid yellow;
        border-left: 50px solid transparent;
}



猜你喜欢:

什么是网页布局?DIV+CSS技术的布局流程是怎样的?

Css是什么?它有哪些优点?

常用css样式大全[2020最新整理版]

Web前端培训之CSS滑动门技术应用

黑马程序员web前端开发培训


分享到:
在线咨询 我要报名
和我们在线交谈!