Dior（ディオール）
このブランドの新着情報一覧へ戻るDior（ディオール）
NARS〈ナーズ〉の2022年夏のコレクション『アフターグローコレクション』が2022年6月10日(金)に発売します。
ナーズ アフターグローコレクション
2022年6月10日(金)新発売
ミラーのような光沢を放つ アフターグロー リップシャイン
グロス状のフォーミュラが、さっと塗るだけでミラーのような光沢と一緒に、唇にうるおいを与えて唇を柔らかくなめらかに整えてくれます。軽いつけ心地で、透けるように薄く発色します。復刻色の0「2469 ORGASM」を含む全10シェードの展開です。
ナーズ最高の輝きを引き出す6色入った限定チークパレット
ベストセラー３シェード、限定色３シェードが入った「アフターグロー チークパレット」は、きめ細かでなめらかな超微粒子パウダーにより、肌に溶け込んだ自然な血色感をもたらします。シマーからマットまで自然な発色と異なる質感のチークパレットが魅惑的に輝く頬を演出してくれます。
詳細
・アフターグロー リップシャイン 全10色 3,630円
・アフターグロー チークパレット 全1種 8,360円（数量限定）
リード文リード文リード文リード文リード文リード文リード文リード文リード文リード文リード文
目次
目次テキストにリンク（a href=””）つけるとアンカーリンクとして該当の項目にジャンプさせることができます。
#のあとに書いてあるのが各項目のIDです。
タイトル クラスとID
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
文章中の改行タグあり
○○はこちら！（テキストリンク）※ページ内リンク
COSMEbi○○ランキングはこちら！（テキストリンク）※ページ内リンク
※別窓が開くリンク
画像サンプル
画像右パターン（これh4）
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト※ style=”margin-bottom: 20px;” のスタイルを入れると要素の下に20pxの空きができます。
画像左パターン（これh4）
見出しを入れたい場合はこのdiv内に入れれば右寄せになります。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
色変えますよ01
色変えますよ02
色変えますよ03
色変えますよ04
色変えますよ04
リスト
- リスト
- リスト
- リスト
- リスト
- リスト
- 数字リスト
- 数字リスト
- 数字リスト
- 数字リスト
- 数字リスト
テーブルちゃん
縦並び①
| お題とか上寄せ | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
|---|---|
| お題とか中央寄せ | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
| お題とか下寄せ | テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
※テキストの幅の基準にしたいセル(th)の要素にstyle=”white-space: nowrap;”をコピーして追加してください。
上の場合は中央寄せのお題部分に入れてます。thの後に必ず半角スペースを空けてからstyleを貼り付けてください。半角スペースがないと反映されないので…。
コードをミスった！！と思ったときは落ち着いて見直してみましょう。割とスペルミスとか、タグの閉じ忘れとか、スペースがないとか単純なことが多いです。（ホントに(;´･ω･)）
横並び②
| お題とか |
|---|
| テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
| お題とか |
| テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト |
横並び
| 左寄せお題とか | 中央寄せお題とか | 右寄せお題とか |
|---|---|---|
| 左揃えテキストテキストテキストテキストテキストテキスト | 中央揃えテキストテキストテキストテキストテキストテキスト | 右揃えテキストテキストテキストテキストテキストテキスト |
| 左揃えテキストテキストテキストテキストテキストテキスト | 中央揃えテキストテキストテキストテキストテキストテキスト | 右揃えテキストテキストテキストテキストテキストテキスト |
style01aタイトルタイトルタイトルタイトルタイトル
style01bタイトルタイトルタイトルタイトルタイトル
style01cタイトルタイトルタイトルタイトルタイトル
style01dタイトルタイトルタイトルタイトルタイトル
style01eタイトルタイトルタイトルタイトルタイトル
style01fタイトルタイトルタイトルタイトルタイトル
style02aタイトルタイトルタイトルタイトルタイトル
style02bタイトルタイトルタイトルタイトルタイトル
style02cタイトルタイトルタイトルタイトルタイトル
style02dタイトルタイトルタイトルタイトルタイトル
style02eタイトルタイトルタイトルタイトルタイトル
style02fタイトルタイトルタイトルタイトルタイトル
空きを確保する要素
margin
要素の周りに空きを作ります。
背景は含まれることはありません。
padding
要素に空きを追加します。
背景も含めて間が空きます。
ピンク番号のスタイル
❶テキスト
❷テキスト
❸テキスト
数字の色を変えたい場合は[#dc52a9]の部分を任意のカラーコードに変更してください。
カラーコード参考→https://xn--colordic-3u4gwc7l5nhib.org/
行間が広い場合はpタグの後ろにstyle=”padding-bottom: 0px;”のようなスタイルを入れて調整してください。
(例)
❶テキスト
❷テキスト
❸テキスト
