おちゃのこ通信 Vol.364 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。

今回のデザイン道場は、文字の上にドットを入れて強調する方法をご紹介します。
スタイルシートを追加するだけです。

	https://cafe-responsive.ocnk.net/

HTMLタグを挿入する

配置/画像/コメント設定のフッター上部自由記入欄に下記のHTMLタグをコピーして貼り付けてください。このclassを付けた部分は同様にドット表示が可能です。

<div class="dottxt">上部にドットを入れて強調する</div>

スタイルシートを編集する

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は最下部にお願いします。

文字サイズは例として入れているだけです。必要なければ削除してください。

.dottxt {
text-emphasis: filled dot;
-webkit-text-emphasis: filled dot;
font-size: 25px;
}

なお、お問い合わせは下記ページからお願い致します。