每当见识到CSS的强大，我总是在内心不停地叩问自己，“你真的了解CSS吗？”为了加深自己对CSS的了解，我特意写下了这篇经验。
工具/原料
1
Dreamweaver 网页编写工具
2
任意一个浏览器
方法/步骤
1
首先打开Dreamweaver，Dreamweaver是我们最早接触的网页编辑软件，很适合新手。
2
打开Dreamweaver后，新建一个文件，用来编辑演示的满面。
3
建好文档后，我们首先在
里面写上样式，这里拿向上的三角形为例子，样式如下.upsan{ width:0; height:0; border-width:0px 30px 30px; border-style:solid; border-color:margin:40px auto; position:relative;transparent transparent #f00;/*透明 透明 红*/ }。4
在
里面写好样式后，我们在来写标签，代码如下。5
写好之后，我们在浏览器中查看，效果如下所示。
6
下面我们来看一下四个不同颜色的三角形拼出来的矩形，然后我们就知道其中的奥妙啦，代码就不贴了。
7
如图所示，这个是四个不同颜色的三角形拼出来的矩形的div标签。
8
写好之后，保存，刷新浏览器，我们看一下就可以看到预期的效果啦，矩形由四种颜色的三角形组成。
注意事项
1
为了避免意外发生，注意一点，width与height最好都设为0；
2
共同分享，共同进步。