①の作り方

こんにちは。大澤です🐶

今日も1日中コーディング作業をしていました😶💦
なかなか早くコーディングできないのが悔しいです。

(きっとまだ慣れてないからなんだろうな…
あ、MacとVS Codeの使い方も勉強しないとだ…)

勉強することで溢れていますが、地道にコツコツ頑張ります！！

今日発見したこと

【①の作り方】

htmlは…

<div class="circle-number">1</div>

cssは…

.circle-number{
width: 25px; /*幅*/
height: 25px; /*高さ*/
color:#fff; /*数字の色*/
background-color:#000; /*丸の中の色*/
border-radius: 50%; /*外側の角を丸める*/
text-align: center; /*文字を真ん中に*/
}

そういえば！今朝出勤途中で、
自動販売機の商品が見れるところ？の掃除している人を初めて見かけました。
思い返してみれば、確かに商品が見えないほど汚れている自動販売機ってないですよね…🙄

知らないところで誰かが掃除してくれている、ということに気づくことができました。

朝から素敵な場面に遭遇したので今日はラッキーです😊笑