Q&A
以下の様な感じでcssで鉤括弧のような装飾をつけたいのですが、
どのようにすれば良いでしょうか？
（鉤括弧は画像で構いません）
擬似要素が最初に頭に浮かんだのですが、
:beforeと:afterを使っても、2つしか付けられないな、、と思いまして、
どなたか、お知恵を拝借願いますm(_ _)m
回答2件
0
こんばんは。
border-imageを使うのはどうでしょうか。
css
1div{ 2 width: 100px; 3 height: 100px; 4 border-image: url(https://teratail-v2.storage.googleapis.com/uploads/contributed_images/13df435eca15ea340fbf2911076e0fa7.png) 11 / 10px; 5}
投稿2020/12/18 09:35
編集2020/12/18 09:40
総合スコア36156
0
カギカッコを付けたい要素の比率に合致したカギカッコ以外は透過した画像を用意してpositionを使って重ねる
投稿2020/12/18 09:14
総合スコア1373
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。