css - css を使用して特殊な形状を作成する

Question

この形状は、純粋な css と 1 つの div のみを使用して可能ですか?

score 3 · Accepted Answer

3

はい。この形状は間違いなく可能です。

于 2013-09-28T03:00:42.310 に答える

score 1 · Accepted Answer

はい、可能です。たとえ間違っていたとしても、あなたの試みを見てみたいです。

これが私が行う方法です。次のような要素を1つだけ作成します。

<div class="shape"></div>

この形状を作るために、すべてCSSで行われます。まず、上部の丸みを帯びた角は次のように作成されます。

border-top-left-radius: 5px;
border-top-right-radius: 5px;

:after右の角度の境界線は、次のような透明な境界線を使用して css セレクターで作成されます。

border-bottom: 76px solid #333;
border-right: 40px solid transparent;

2 に答える 2