旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

HTML+CSS写三角形

时间:2024-10-14 02:49:46

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

HTML+CSS写三角形

2、添加边框样式:border:10pxsolid#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写三角形
© 2025 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com