見出し付き枠 CSS html
見出し付きの枠をつけることができるCSSです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
/********************** * 枠 **********************/ .waku { margin: 2em 0; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); } .waku .box-title { font-size: 1.5em; background: red; padding: 10px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.075em; } .waku p { padding: 15px 20px; margin: 0; } |
貼り付けるhtml
1 2 3 4 |
ここにタイトル ここに文章 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
現在、予約状況が大変込み合っております。 その為、新規のご予約と受付人数を限定させて頂いております。 ご理解、ご協力の程、宜しくお願い致します。 通常料金 初検料4,000 円+施術費7,980円の合計11,980円(税別)です。 しかし、お待ちください! 初回来院されたあなたに 当院から 特別なご提案があります 3月30日(月)までの 期間限定キャンペーン!! 〈 77%OFF!!〉 の料金で施術させていただきます。 ※初検料は初回のみです。 2回目からは施術費は通常の7,000円(税別)となります。 ※料金は税別の料金です。 予約多数のため予約は 10名様のみ▼ 残り3名 |
-
前の記事
吹き出しCSS 2020.03.09
-
次の記事
フェードインCSS html 2020.03.09