4

私は最新世代のブラウザのみを見ています:

  • IE9(これについてはあまり調べていません)
  • FF4
  • Chrome10
  • Safari5
  • iOS 3.4
  • オペラ?

正方形や長方形、丸みを帯びた境界線のある円や省略記号(円:W = H、省略記号:W!= H)を簡単に取得できることはわかっています。ボーダー設定でスロープを取得できることはわかっています。1/2と1/4の円を取得する方法を知っていますが、取得することは可能ですか?

  • パイウェッジ(任意のサイズ、円内の任意の場所?つまり、18%のウェッジ、水平から20%オフ)
  • 台形、八角形、五角形、六角形
  • 星(n個の尖った星)
  • まだ言及されていないこの中の個々の形状のいずれか

オプションではなく、CSS+DIVオプションを探してい<canvas>ます。ネストされたdivの使用量が最も少ないオプションも探しています。これは、1つの例でいくつかの形状を示す例です...

4

1 に答える 1

9

いくつかの例については、このページをチェックしてください:http: //css-tricks.com/examples/ShapesOfCSS/。例では単一のHTML要素のみを使用しているため、複雑さが増すとさらに多くの要素が可能になります。

于 2011-04-06T02:39:16.670 に答える