HTML+CCSでTOP画面を作成してみた。
本日は、HTMLとCSSを活用して、
簡単なTOPページの作成にあたりました!
デザインがめちゃめちゃ素人くさいですが、、、
学習サイトで勉強しているだけではなく。
1から作ってみる、ことで多くの知見を得ることができました。
特に、検索バーについては、以下を指定して、
「border-radius」による角の丸み
「background-image」を活用した虫眼鏡アイコンを入れてみました!
input { background-repeat: no-repeat; background-image: url(./icon.svg); border-radius: 50px; }
詳細 | 進捗 |
---|---|
学習時間目標 | 1,000時間 |
本日の学習時間 | 6時間 |
目標時間まで | 986時間 |
と言いますか、
ブログの書き方を学ぶ中で、コンテンツとして非常に価値の低い、
ただの日記見たくなってしまっているのがよろしくないですね。。。
コンテンツの量と質で見たら、まだまだ量の段階ですが。
これから良質な発信をできるよう他の方のサイトも参考にさせていただきます。