メッセージの編集
お名前
本文
そのサイトのソースを見ればはっきり分かると思いますがとりあえず @beforeとafterを使ってマーカーを50%のところで分割する。 Aborder-radiusは両端のみに指定、真ん中に来る部分には指定しない。 他にもやり方はあると思いますが上記の場合↓ span.border { display:inline-block; position: relative; padding: 0 .4em 0; } span.border::after { position: absolute; top:40%; bottom: 0; left: 0; z-index: -1; content: ''; width: 50%; height: 0.8em; border-radius:10px 0 0 10px; background-color: #b6f0fc; } span.border::before { position: absolute; top:40%; bottom: 0; right: 0; z-index: -1; content: ''; width: 50%; height: 0.8em; border-radius:0 10px 10px 0; background-color: #ffdd33; } <span class="border">あいうえお</span> 別の解説サイトさんの見よう見まねなのでマーカーのやり方が違いますがご参考までに iPhoneで見ると上手く出来ました 追記 ああ、すみません 質問者様の調べ方が不足しているという意味ではなく、憶測で書いたものよりも実際のサイトのソースを見た方が確実かなと思っただけなので気にしないでください ↑のcssでAndroidでも上手く出来たとのことでこちらも参考になりましたし、スレ自体は消さなくても良いと思いますよ
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -