css如何制作一个三角形

 时间:2024-10-22 06:11:56

css如何制作一个三角形

css如何制作一个三角形

工具/原料

网页编辑器

css如何制作一个三角形

1、在电脑上打开网页编辑器,新建一个HTML页面,如图:

css如何制作一个三角形

2、制作一个宽、高为0,边框为100px的正方形,如图:

css如何制作一个三角形

3、然后给这个正方形的各个边框设置边框色,把其中一个边框色设置为blue,其他的设醅呓择锗置为透明的,即:border-color:blue transparenttra荏鱿胫协nsparent transparent;代码如图:

css如何制作一个三角形

4、用浏览器打开该页面,查看css绘制的三角形效果;点击页面单击鼠标右键,选择【查看元素】,打开浏览器的代码控制台,可查看当前网页源码,或代码调试。

css如何制作一个三角形

5、由于坡纠课柩ie6不支持transparent,所以没有透明效果,就需要把border-style:soliddashed dashed dashed;一个三角形就制作好了,如图:

css如何制作一个三角形css如何制作一个三角形

6、将两个相邻的三角形拼在一起,也可以得到一个三角形。只要将正方形的两个相邻边框都设置成非透明色即可,代码如图:

css如何制作一个三角形css如何制作一个三角形
  • js如何从后面截取字符串
  • 用js实现在页面上循环显示图像
  • jstree中html怎么实现增删改查
  • jquery怎样清空输入框的值
  • jquery判断元素是否具有某个class
  • 热门搜索
    word文档怎么自动生成目录 牙痛怎么快速止痛药 地震自救常识 感冒吃什么好的快 学习心得体会怎么写 发型图 韩国女明星发型 mp3怎么充电 韩后化妆品怎么样 怎么给宝宝断奶