我们用CSS代码可以在网页上面绘制各种的图标标志,漂亮的三角形标志通过一系列的样式声明就可以呈现出来,这样的特色标志可以用在很多的地方。
工具/原料
dreamweaver
方法/步骤
1
案例分析:我们要做三个三角形标志,一个是大的带字的,两个是小的,不同颜色的三角形。
2
代码实现:要实现这样的一系列标志,我们要声明三次不同的三角形样式,还有下文本元素的呈现。
3
大的三角形代码如下:
5
一个橙色的小角形代码如下:
6
剩余的代码也一一给出来,从而让整个图形呈现出来。
下一篇:css如何制作带三角的提示框