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

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

今号のデザイン道場は、テキストに蛍光アンダーラインを引く方法をご紹介します。






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

HTMLはご自身で変更してください。
サンプル用にclass名を付けたdivタグを記載しています。
このclass名については、ご自身で変更いただいて結構です。

●HTML

<div class="underline">
CAFE RESPONSIVE
</div>



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

#FFFF99でアンダーラインの色を変更できます。

●スタイルシート

.underline {
font-size: 30px;
font-weight: 800;
line-height: 100%;
display: inline-block;
background: linear-gradient(transparent 70%, #FFFF99 70%);
}

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

https://www.ocnk.net/contact/index.php

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.