backyard
ウェブデザインの試作品や関連情報を
公開しています
2017年2月9日
ブロック要素の左右端に括弧を表示
ブロック要素の左右端に括弧を表示する方法を紹介します(レスポンシブ対応)。
HTML
補足
括弧を付けたいブロック要素(サンプルでは blockquote )に bracket クラスを付けます。丸括弧にしたい場合は、radius クラスも合わせてつけます。
CSS
補足
括弧の色や大きさ、余白などを設定しています。
サンプル
「ブロック要素の左右端に括弧を表示」のサンプル
関連記事
ブロック要素の左上と右下に装飾文字を表示
次の投稿
前の投稿
ホーム