このコンポーネントを設計する場合。右下に直角三角形のボタン用CSS
誰かが上記のコンポーネントの幅は、それが含まれているテキストの長さによって決定すべきである
を作成するために、CSSを私に提供することができます。
背景色の右下のカットインは、8pxの辺を持つ直角三角形でなければなりません。
私は以下のコードを試していますが、三角形のカットは表示されません。あなたの要件ごと
.container {
position: relative;
display: block;
width: 120px;
height: 24px;
background: blue;
color:white
}
.container:after{
position: absolute;
bottom: 0;
height: 8px;
width: 8px;
border-top: 50px solid transparent;
border-left: 100px solid red;
border-bottom: 50px solid transparent;
}
<div class="container">
Informational
</div>
この質問は、背景色/構造/画像などの考慮すべきスコープでさえ、何の努力も示していません。 – GolezTrol
'誰かが上記のコンポーネントを作成するためにCSSを提供できますか?これはコード作成サイトではありません。あなたはこれを達成しようとしているものを少なくとも表示する必要があります –
シンプルなGoogle検索とあなたはそれを得る –