小技をBLOGに集結!

marker1

文字装飾

マーカー

黄色マーカー

赤色マーカー

青色マーカー

html
黄色マーカー
赤色マーカー
青色マーカー
CSS
/*マーカーの黄色のような色*/
.marker {
  background-color: #ff9;
}

.marker-red {
  background-color: #ffd0d1;
}

.marker-blue {
  background-color: #a5d7f9;
}

アンダーラインマーカー

黄色アンダーラインマーカー

赤色アンダーラインマーカー

青色アンダーラインマーカー

html
黄色アンダーラインマーカー
赤色アンダーラインマーカー
青色アンダーラインマーカー
CSS
/*下半分のマーカー色(km)*/
.marker-under {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.marker-under-red {
  background: linear-gradient(transparent 60%, #ffb6b9 60%);
}

.marker-under-blue {
  background: linear-gradient(transparent 60%, #a8dafb 60%);
}

 

ピンクの枠

関連記事

  1. 7220032bb1abbfa8d3ffbd64edd01182_s
  2. pelican-puzzle
  3. enkei01
  4. up-down

最近の記事

  1. wordpress-800x480
  2. marker1

    2019.07.6

    文字装飾
  3. kigou1
  4. 7220032bb1abbfa8d3ffbd64edd01182_s
  5. p_s

スマホやタブレットでも大丈夫!

mb300x142

ポップメディア直営サイト

ポップメディア:Web制作支援
 
〒112-0011東京都文京区千石2-33-10-102
 
URL https://popmedia.jp/
 
TEL:03-6912-08214
 
モバイル:080-3409-4566
 
popmedia
contact-bana
PAGE TOP