HTML+CSS写三角形

 时间:2026-04-23 07:43:12

1、新建Html文件,编写一个div设置样式高度0px,宽度0px。

HTML+CSS写三角形

2、添加边框样式:border:10px solid #fff; 宽度与三角形大小有关,颜色与页面背景色一致。

HTML+CSS写三角形

3、添加样式:border-top-color:red,这样就可以写一个红色的倒三角。

HTML+CSS写三角形

4、正三角用border-bottom-color。

HTML+CSS写三角形

5、三角朝右:border-left-color

HTML+CSS写三角形

6、三角朝左:border-right-color

HTML+CSS写三角形

  • html设置网页背景图片全屏
  • HTML中浮动效果是怎么做的
  • 怎样让html中的文字垂直水平居中显示
  • HTML中引入css和js的方法
  • 如何在HTML设置跳转到底部
  • 热门搜索
    泸沽湖攻略 红色毛衣怎么搭配 怎么学心理学 广州北大青鸟怎么样 空之轨迹sc攻略 快速减肥药 红烧牛肉面 三国群英传1攻略 竹笋怎么保存 小辣椒手机质量怎么样