3

cssを使用してサークルを作成しました。今、私はそれを24のセグメントに分割したいと思います。cssを使用してこれを実行するにはどうすればよいですか。助けて。サークルを作成した方法のコードは次のとおりです。

<div class="circle"></div>
.circle{

            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: blue
            }

最終結果は次のようになります。

4

1 に答える 1

0

スケーラブルベクターグラフィックスを使用すると、より簡単に実行できます。

円を描くコード：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <circle cx="150" cy="100" r="50" stroke="blue" stroke-width="2" fill="white"/>
</svg>

円をセグメントに分割できるように、さまざまな線を引くことができます。

行のコード：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>
于 2013-02-04T11:00:32.027 に答える