ccsのみで三角形と正方形を作成するにはどうすればよいですか？

Question

私は三角形

でいくつかのダイナミックテキストを書くことができそう

1. 動的に三角形の色を設定するのは簡単だろう、広場やCSSのみで、その上に三角形を作成したいです実行時にCSS。

Answer 1

は、ここでそれを行うための一つの方法です：

http://jsfiddle.net/VWdxj/

HTML

<div class="container"> 
    <div class="content">Hello World</div> 
    <div class="triangle"></div> 
</div> 

CSS

.container{ 
    border:1px solid #000; 
    position:relative; 
} 
.content{ 
    z-index:500; 
    position:absolute; 
    top:230px; 
    left:120px; 
    color:#fff; 
} 
.triangle{ 
    border-color: #fff #fff red #fff; 
    border-width:160px; 
    border-style:solid; 
    width:0; 
    height:0; 
    position:absolute; 
    top:0; 
    left:0; 
    z-index:2; 
}