見出し画像

ポートフォリオ備忘録 -spanタグ-


テキストの一部だけ色を変えたぁい!!

目的

プロフィール内で「Ida Takuma」(本名です。)と「February.20,2004」の文字列のうち「I」「k」「u」「y」だけ色を変えたい。
現在使ってるハンドルネームが「K」と「yuki」なので。

実際のコード/html

<div class="name_div">
 <p class="name"><span class="blue">I</span>da Ta<span class="gray">k</span><span class="blue">u</span>ma</p>
</div>
                  
<div class="birthday_div">
 <p class="birthday">Februar<span class="blue">y</span>.20,2004</p>
</div>

実際のコード/css

.blue {
  color: rgb(139,162,176);
}
.gray {
  color: rgb(188,209,198);
}

解説…要る?

未来の自分頑張れ。

完成図


いいなと思ったら応援しよう!